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>

初めてのハロー！は OK ですが、デモはできませんか?どうしたのですか?

同様の質問 jquery each selector doesn't work

4

3 に答える 3

5

demoHTML 本文がレンダリングされる前に、クリック イベント ハンドラーがボタンにバインドしようとしています。$(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

このデモを見る

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

クリックイベントを内部にバインドしますready()

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