jQuery不能正常工作

Question

由于某种原因，我的jQuery脚本只是不想工作，而且确实非常简单，除了实际的jQuery脚本之外，我已经删除了所有内容，确实很烦人，请帮忙。 谢谢！

 <!doctype html>
<html>

    <head>
        <script src="jquery.js"></script>
        <script>
            $("#click").click(function () {
                alert("works!");
            });
        </script>
    </head>

    <body>
        <a href="#" id="click">Button</a>
    </body>

</html>

PS jQuery JS文件有效。

Answer 1

将代码更改为此。 它确保将所有HTML元素加载到页面后执行JavaScript：

$(document).ready(function () {
   $("#click").click(function() {
      alert("works!");
   });
});

但是， 您应该将脚本标记移到页面底部 ，以确保它们不会被阻塞。 这也意味着您实际上不需要$（document）.ready回调。

Answer 2

您需要将代码包装在其中

$(function(){
    // your code here which relies on DOM elements
});

否则，您的DOM尚未加载，并且事件将不会绑定到元素。

Answer 3

将您的函数包装到$(document).ready()

$(document).ready(function(){
    $("#click").click(function() {
        alert("works!");
    });
});

Answer 4

将您的代码添加到document.ready

$(document).ready(function () {
  $("#click").click(function () {
       alert("works!");
   });
});

或像这样在文档末尾添加代码

<body>
   <a href="#" id="click">Button</a>
   // Other elements...
    <script type="text/javascript">
            $("#click").click(function () {
                alert("works!");
            });
    </script>
</body>

Answer 5

$(document).ready(function(e) {
//TO DO  your code goes here         
});

Answer 6

只需将脚本标签更改为“ / body”标签即可。 这将使浏览器创建DOM并逐一读取脚本！ 干杯!

Answer 7

尝试这个：

$("#click").live("click",function() {
    alert("works!");
});

jQuery不能正常工作

问题描述

7 个解决方案

解决方案1
7 2013-01-23 12:28:02

解决方案2
4 2013-01-23 12:27:18

解决方案3
2 2013-01-23 12:28:03

解决方案4
1 2013-01-23 12:29:18

解决方案5
0 2013-01-23 12:34:57

解决方案6
0 2013-01-23 13:09:44

解决方案7
-1 2013-01-23 12:31:16

jQuery不能正常工作

问题描述

7 个解决方案

解决方案1 7 2013-01-23 12:28:02

解决方案2 4 2013-01-23 12:27:18

解决方案3 2 2013-01-23 12:28:03

解决方案4 1 2013-01-23 12:29:18

解决方案5 0 2013-01-23 12:34:57

解决方案6 0 2013-01-23 13:09:44

解决方案7 -1 2013-01-23 12:31:16

解决方案1
7 2013-01-23 12:28:02

解决方案2
4 2013-01-23 12:27:18

解决方案3
2 2013-01-23 12:28:03

解决方案4
1 2013-01-23 12:29:18

解决方案5
0 2013-01-23 12:34:57

解决方案6
0 2013-01-23 13:09:44

解决方案7
-1 2013-01-23 12:31:16