Do delegated elements for an event need to be present when binding In JQuery?

Asked Apr 03 '17 at 23:24

Active Apr 03 '17 at 23:24

Viewed 9 times

I am encountering condition where part of the page isn't present when I try to bind elements on that part of the page. I would like to know if I can avoid the issue by delegating off of a container that is present. To give an example, suppose that I have the following:

$('.contianer').on('click', '.button1', function () {
  console.log('success');
});

Suppose that the code above get's triggered before '.button1' exists but '.container' does exist. Will the console log success in this scenario?

asked Apr 03 '17 at 23:24

user2977636

1,316
1
12
20

Yes, that's exactly why delegation is so sexy – Bergi Apr 03 '17 at 23:28
Have you tried it out? – Bergi Apr 03 '17 at 23:29
It didn't seem to work for me. – user2977636 Apr 03 '17 at 23:34
Maybe because of the typo (container vs contianer)? If you need help getting it to work, please share the whole code you used. – Bergi Apr 03 '17 at 23:35

Do delegated elements for an event need to be present when binding In JQuery?

0 Answers0