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();  
    });  
 });

或者，如果你想使用更短的就绪函数并使用.on加速jQuery：

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

您缺少用于表示按元素ID选择的哈希字符。

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

jQuery点击事件不起作用

4 个答案: