3

编码

<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>

第一个你好！可以，但是我demo不行？怎么回事？

类似的问题 jquery each selector doesn't work

4

3 回答 3

5

您的 click 事件处理程序试图demo在 HTML 正文呈现之前绑定到按钮。您需要在函数内分配事件处理程序$(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");  
    });
});
于 2012-08-23T05:44:37.537 回答
0

在里面绑定点击事件ready()

$(document).ready(function() {  
    alert("Hello!"); 
    $(".demo").click(function() {  
        alert("I am demo");  
    });  
});
于 2012-08-23T05:44:57.650 回答
0

看这个演示

 $(".demo").live('click',function() {  
        alert("I am demo");  
    });​
于 2012-08-23T06:09:52.493 回答