jQuery單擊事件不起作用

Question

我想通過使用click事件隱藏一個元素，但是click事件不會觸發。

下面是代碼：

<script src="https://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

<script> 
$(document).ready(function(){ 
    $("#myButtonID").click(function(){ 
     $("p").hide(); 
    }); 
}); 
</script> 


<p>Lorem Ipsum </p> 
<a href="#" id="myButtonID">Click Me</a> 

Answer 1

您的代碼有效，但可能會重新加載頁面。根據您的網頁使用的協議，//code.jquery.com將加載到http或https中。嘗試：

<script src="//code.jquery.com/jquery-1.9.1.js"></script> 
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

$(document).ready(function(){ 
    $("#myButtonID").click(function(e){ 
     //prevent default element action 
     e.preventDefault(); 
     $("p").hide(); 
    }); 
}); 

，或者，如果你想使用更短的準備功能，加快jQuery的一點與.on：

jQuery .on vs click handler speed test

$(function() { 
    $("#myButtonID").on("click", function (e) { 
     e.preventDefault(); 
     $("p").hide(); 
    }); 
}); 

小提琴：http://jsfiddle.net/k2ymF/1/

Answer 2

你從選擇

$("#myButtonID").click(function(){

Answer 3

忘了＃你的選擇缺少#：

<script> 
$(document).ready(function(){ 
$("#myButtonID").click(function(){ 
    $("p").hide(); 
}); 
}); 
</script> 

Answer 4

你缺少用於表示您選擇的哈希字符n個元素ID。

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