Question

当我使用$(document).ready(function () { ..... });时，该功能无效但它在我调用时有效。请看一下。

#test {height:25%,width:25% }

<body>
....
<div id="test">
  <image src="file.jpg" />
</div>
...
</div> </body>

js文件（不工作）：

$(document).ready(function () { 
   $('#test').draggable();
 });

js文件（调用函数时工作）

function startDrag() {    // I just called this function from html files e.g. <div id="test" onmouseover="startDrag();">....</div>
 $('#test').draggable();
}

Answer 1

两者都应该有用。我建议打开JavaScript调试器并设置断点以查看代码何时以及是否执行。

同时检查控制台是否有任何错误。也许这是一个愚蠢的错字，

Answer 2

你能试试吗？

$(function () { 
    $('#test').draggable();
});

它可能没什么区别，但这是我习惯的方式：）

Answer 3

我想知道这是否依赖于文件被“加载”而不是“准备好”

以下是否有效？

$(window).load(function() {
    $('#test').draggable();
}

另外，尝试将JS文件包含在页面底部（即#test html下面）

js功能不正常，为什么？

3 个答案: