Jquery how to bind click event on dynamically created elements?

Question

I tried the below code but it is not working

<script type="text/javascript">
    $(document).ready(function () {
        $('body').on('click', '.pg_previous,.pg_next', function () {
            jQuery("img.lazy").lazy({});
            alert('ddsda');
        });
    });
</script>

Jquery 1.9.1

This fiddle works without the lazy call, maybe look there, or move the alert ahead of the lazy call. jsfiddle.net/5SyS3 — Jason P
– Jason P, Commented Jul 9, 2013 at 21:13
+1 for using body as selector instead of class selector (for dynamically created element) — khaled_webdev
– khaled_webdev, Commented Mar 15, 2014 at 17:56
Here's a detailed article on how to bind click event for dynamic element codepedia.info/2015/02/click-event-for-dynamic-button-jquery — Satinder singh
– Satinder singh, Commented Aug 17, 2015 at 5:15

RicardoE · Accepted Answer · 2013-07-09 21:08:06Z

11

here try this:

<script type="text/javascript">
$(function(){
    $('body').on('click', '.pg_previous,.pg_next', function () {
        jQuery("img.lazy").lazy({});
        alert('ddsda');
    });
});
</script>

answered Jul 9, 2013 at 21:08

RicardoE

1,7356 gold badges24 silver badges42 bronze badges

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

2 Comments

Stephen Rodriguez Over a year ago

This did it for me! Thank you! Attaching the click event to the parent element and selecting its children is the most efficient way.

RicardoE Over a year ago

both are equivalent, but for this particular version of jQuery I often found the long version doesn't work, and the shortcut do.

Sushanth -- · Accepted Answer · 2013-07-09 21:06:45Z

3

You forgot the DOM ready handler

Encase your code inside the ready handler and should work fine unless you have any errors showing up in our console.

$(function() {
    // Your code here
});

answered Jul 9, 2013 at 21:06

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

1 Comment

Furkan Gözükara Over a year ago

ok i believe another code cancels default action so it cancels binded action too thanks

Collectives™ on Stack Overflow

Jquery how to bind click event on dynamically created elements?

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related