jQuery events are not getting loaded in document.ready()

Question

I have written some click events on document.ready(). Some of them are working as expected. But few of them are not loading unless i put them inside setTimeout().

It is not working

$('.clsName').click(function(){ //code here   });

But, this one will work

setTimeout(function(){
    $('.clsName').click(function(){ //code here});
}.2000);

if it work also, I wanna know why its happening. Some of them are loading some need `setTimeout()` — vikash5472, May 08 '17 at 07:11
Are you adding some `.clsName` elements to the DOM after the page has loaded? If so you need to use a delegated event handler — Rory McCrossan, May 08 '17 at 07:12

score 1 · Accepted Answer · answered May 08 '17 at 07:15

1

try this

$(document).on('click','.clsName',function(){ //code here   });

answered May 08 '17 at 07:15

FishMan

127
1
10

**From review queue**: May I request you to please add some more context around your answer. Code-only answers are difficult to understand. It will help the asker and future readers both if you can add more information in your post. – RBT May 08 '17 at 08:33

jQuery events are not getting loaded in document.ready()

1 Answers1