javascript - クリック中のjavascript/jqueryの問題

Question

私のJavaスクリプトコードに問題があります。基本的なHTMLページとこのコードがあります

<div class="myclass" id="myid"> 
   <h3 class="myotherclass"><?php echo _("Some sentence"); ?></h3>
</div>

このスクリプトを置くと：

<script type="text/javascript">
    $("div").click(function () {
        alert('hello');
    });
</script>

divタグをクリックするとアラートメッセージがトリガーされますが、これを置くと：

<script type="text/javascript">
    $("h3").click(function () {
        alert('hello');
    });
</script>

何もトリガーされません。これを説明できる人はいますか？

Answer 1

コードをドキュメントレディハンドラー内に配置する必要があります。

$(document).ready(function(){
   // ...
})

Answer 2

実際、この場合、jqueryのlive（）構文を使用できます： 、ここ.live( events, handler(eventObject) )を参照してください。最近のバージョンのjqueryではliveが非推奨になり始めているため、on（）構文.on（events [、selector] [、data]、handler（eventObject））を使用することもできます。ここを参照してください。

Answer 3

コードをreadyハンドラーでラップしましたか。

$("document").ready(function(){})