Question

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

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

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

谢谢！

Answer 1

请确保您在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);
});

Answer 2

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

Answer 3

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

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