2017-03-24 61 views
-1

这很尴尬。为什么我的代码不能在低于?用jQuery查找元素的宽度

<div id="wotcha" style="width:200px;height:200px;background-color:blue;"></div> 

var width = $("#wotcha").width(); 
alert(width); 

的jsfiddle这里:https://jsfiddle.net/adv1jem6/

谢谢!

+0

检查Web开发工具'未捕获的ReferenceError:$没有defined'和'未捕获的ReferenceError:定义不defined' – GillesC

+0

需要导入jQuery的 – Glacier11

+0

https://jsfiddle.net/jxuu1aw6/ –

回答

0

请确保您在<head>标记中包含jQuery,例如, CDN的

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

,也确保了DOM加载$(document).ready

$(document).ready(function(){ 
    var width = $("#wotcha").width(); 
    alert(width); 
}); 
0

似乎的jquery.js文件没有加载或不可用。

+0

这实际上是最接近正确的答案:jQuery 3.2 .1在jsfiddle上被打破了。 – JohnG

0

它确实有效。就我所知,jsFiddle似乎存在问题。将jQuery API更改为jQuery(edge)似乎可以解决这个问题。 CodePen上也一样:https://codepen.io/Iodred/pen/mWKxja

它工作正常。我以前在jsFiddle上测试过东西时遇到过这样的问题。在版本控制的问题上,无论我在jQuery(edge)上尝试过如何在我的脚本中为我工作。所以应该没有问题。