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 ?

epsilones · Accepted Answer · 2012-10-28 15:55:57Z

1

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 herehere

answered Oct 28, 2012 at 15:55

epsilones

11.7k22 gold badges65 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ram · Accepted Answer · 2012-10-28 11:54:40Z

1

You should put your code within document ready handler:

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

answered Oct 28, 2012 at 11:54

Ram

145k16 gold badges174 silver badges201 bronze badges

6 Comments

user1611830 Over a year ago

It still doesn't work. By the way, I am noticing that when I use my inspector to hover the zone and when I take the div-tag that contains 'h3' and which is highlighted by the inspector, and when I put this very div tag in the 'click-script', it works just fine. Is it a problem with my browser ?

Ram Over a year ago

@user1611830 What do you mean by when I put this very div tag in the 'click-script'? Using class selector? Which browser are you using? Do you see any error on the JS console?

user1611830 Over a year ago

it doesn't work either on chrome nor on safari. In fact the html part of code I put in my question, is in fact wrapped by a div with id "id", and this is this div that is detected by my inspector when hovering the zone. When I replace this div#id in my script, the click triggers the alert message.

Ram Over a year ago

@user1611830 Can you provide a demo on jsfiddle.net with your current markup?

user1611830 Over a year ago

indeed it works using jsfiddle but it doesn't work on my browser, though I cleaned the cache...

|

Manjunath Manoharan · Accepted Answer · 2012-10-28 11:56:39Z

0

did u wrap the code in ready handler.

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

answered Oct 28, 2012 at 11:56

Manjunath Manoharan

4,6276 gold badges30 silver badges43 bronze badges

1 Comment

user1611830 Over a year ago

I think the problem is that the problem is coming from relative positioning : in fact there is a div tag coming after <div class="myclass" id="myid"> <h3 class="myotherclass"><?php echo _("Some sentence"); ?></h3> </div>, say <div id="otherid">...</div> When I use my inspector, the two divs 'myid' and 'myotherid' are hightlighted on upon each other. So how can I circumvent it ?

Collectives™ on Stack Overflow

javascript/jquery issue while clicking

3 Answers 3

Comments

6 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related