簡單的jQuery（DOM）.click（）函數不起作用

以下簡單的HTML頁面沒有響應，因爲它應該點擊「點擊」或「隱藏所有段落」按鈕。我已經包括jquery lib「jquery- 1.9.1.min.js「，我可以通過單擊它來查看它在Firefox的」查看源代碼頁面「中的所有內容。此文件在我的瀏覽器中的網址是：mylocalhost：8080/ajaxAppJquery/tryAjax.jsp。使用Netbeans IDE。簡單的jQuery（DOM）.click（）函數不起作用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
    <head> 
     <title>Simple Ajax Example</title> 
     <script src="jquery-1.9.1.min.js"></script> 
     <script> 
      $("#button").click(function(){ 
       alert("working"); 
       var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp"; 

       $("#result").load(url); 
      }); 

      $("#hide").click(function(){ 
       $("p").hide(); 
      }) 
     </script> 
    </head> 
    <body> 
     <input id="button" value="click" type="button"/> 

     <input id="hide" value="hide all paragraphs" type="button"/> 
     <p>paragraph 1</p> 
     <p>paragraph 2</p> 
     <p>paragraph 3</p> 
     <p>paragraph 4</p> 
     <p>paragraph 5</p> 
     <p>paragraph 6</p> 

     <div id="result"></div> 
    </body> 
</html>

當我點擊＃鍵不提醒message.Actually我用jQuery的Ajax實驗，但它不與#hide按鈕也工作。

來源

2013-04-02 stackOverflow

您正在訪問腳本的HTML元素可用之前，你應該把腳本document.ready或把劇本剛剛閉幕body標籤

$(document).ready(function(){ 
    $("#button").click(function(){ 
     alert("working"); 
     var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp"; 
     $("#result").load(url); 
    }); 

    $("#hide").click(function(){ 
     $("p").hide(); 
    })  
});

來源

2013-04-02 06:54:37 Adil

哦，我怎麼能忘記那麼愚蠢的錯誤呢？ – stackOverflow

不用擔心，有時候我們會錯過簡單的事情。 – Adil

之前包裹內$(document.ready(function() {})或$(function() {}); jQuery代碼到讓它看到整個DOM：

$(document).ready(function(){ 
    $("#button").click(function(){ 
     alert("working"); 
     var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp"; 

     $("#result").load(url); 
    }); 

    $("#hide").click(function(){ 
     $("p").hide(); 
    }) 
});

來源

2013-04-02 06:55:12 Eli

嘗試DOM準備好後，結合事件

$(document).ready(function() { 
    $("#button").click(function(){ 
    alert("working"); 
    var url="http://localhost:8080/ajaxAppJquery/sayHello.jsp"; 
    $("#result").load(url); 
    }); 

    $("#hide").click(function(){ 
    $("p").hide(); 
    }) 
});

來源

2013-04-02 06:57:54 Kirill

簡單的jQuery（DOM）.click（）函數不起作用

回答

相關問題