javascript/jquery issue while clicking

Question

There's something going wrong with my java script code. I have a basic html page and this code

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

When I put this script :

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

the click on the div tag triggers the alert message, but when I put this :

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

nothing is triggered. Could some explain this ?

Answer 1

You should put your code within document ready handler:

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

Answer 2

In fact in this case, you can use jquery's live() syntax : .live( events, handler(eventObject) ) , see here here . You can also use on() syntax .on( events [, selector] [, data] , handler(eventObject) ) because live is beginning being deprecated for the recent versions of jquery, see here here

Answer 3

你把代码包装在ready处理程序中了吗？

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