使用jQuery查找元素的宽度

时间:2017-03-24 13:08:35

标签: jquery

这令人尴尬。为什么我的代码不能在下面工作?

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

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

JS在这里:https://jsfiddle.net/adv1jem6/

谢谢!

3 个答案:

答案 0 :(得分:0)

请确保您在jQuery代码中添加了<head>,例如:一个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);
});

答案 1 :(得分:0)

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

答案 2 :(得分:0)

确实有效。据我所知,jsFiddle似乎存在问题。将jQuery API更改为jQuery(edge)似乎可以解决它。在CodePen上也尝试过相同的操作:https://codepen.io/Iodred/pen/mWKxja

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