jQuery click function not working when click on image

Question

I have this code

$("div").click(function () {
    var CurrId = $(this).attr('id');
    if (CurrId == "First") {
        $("#MenuContent").empty();
        $("#MenuContent").hide();
        $('<img src="images/End_05.png" width="30" height="30"  /> <a id="First"  class style="text-decoration:none;color:black">any </a>').appendTo("#MenuContent");
        $("#MenuContent").show("slow");
    }
});

I.e when I click on div an image (suppose its name is mm) and a link appear. Now I wrote this:

$("img").click(function () {
    alert('yes');
});

When I click on image (that mm) nothing is displayed. Any ideas?

Blender · Accepted Answer · 2013-04-28 06:29:46Z

4

$('img') doesn't account for elements created after it was called. You have to use event delegation to account for them:

$('#MenuContent').on('click', 'img', function () {
    alert('yes');
});

answered Apr 28, 2013 at 6:29

Blender

300k55 gold badges462 silver badges512 bronze badges

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

Comments

me_digvijay · Accepted Answer · 2013-04-28 06:36:54Z

1

Possibly you are calling the second function before the image was actually added. Try using
jquery.live(); or jQuery.on() or jQuery.delegate() not click().

Note: jQuery.live() has been deprecated.

answered Apr 28, 2013 at 6:36

me_digvijay

5,53210 gold badges52 silver badges86 bronze badges

Collectives™ on Stack Overflow

jQuery click function not working when click on image

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related