簡體   English   中英

jQuery不能正常工作

[英]jQuery just not working

由於某種原因,我的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文件有效。

將代碼更改為此。 它確保將所有HTML元素加載到頁面后執行JavaScript:

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

但是, 您應該將腳本標記移到頁面底部 ,以確保它們不會被阻塞。 這也意味着您實際上不需要$(document).ready回調。

您需要將代碼包裝在其中

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

否則,您的DOM尚未加載,並且事件將不會綁定到元素。

將您的函數包裝到$(document).ready()

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

將您的代碼添加到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>
$(document).ready(function(e) {
//TO DO  your code goes here         
}); 

只需將腳本標簽更改為“ / body”標簽即可。 這將使瀏覽器創建DOM並逐一讀取腳本! 干杯!

嘗試這個:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM