Question

代码

<script type="text/javascript" src="jquery/jquery-1.8.0.js"></script>  
<script type="text/javascript">  
$(document).ready(function() {  
    alert("Hello!");  
});  
$(".demo").click(function() {  
    alert("I am demo");  
});  
</script>  
<body>  
    <button class="demo">click me</button>  
</body>

第一个你好！没关系，但我演示不了？怎么回事？

类似的问题 jquery each selector doesnt work

Answer 1

您的点击事件处理程序在HTML正文呈现之前尝试绑定到demo按钮。您需要在$(document).ready函数中分配事件处理程序：

改变这个：

$(document).ready(function() {  
    alert("Hello!");  
});  
$(".demo").click(function() {  
    alert("I am demo");  
});

对此：

$(document).ready(function() {  
    alert("Hello!");  
    $(".demo").click(function() {  
        alert("I am demo");  
    });
});

Answer 2

将点击事件绑定在ready()

中

$(document).ready(function() {  
    alert("Hello!"); 
    $(".demo").click(function() {  
        alert("I am demo");  
    });  
});

Answer 3

请参阅this demo

 $(".demo").live('click',function() {  
        alert("I am demo");  
    });

Jquery选择器不起作用

3 个答案: