Bind an event outside of DOM ready?

Question

I'm trying to append a div to all dynamically added divs to my page using this code:

$('.tagged .post').append('<div class="fadeout"></div>');

but I simply cannot get it to work. So I was thinking, would it be possible to bind this outside of $(document).ready() somehow, so the code looks for all the elements that match the selector and append the "fadeout" div to them?

This code has to be re-ran with each element being added. It won't actively *watch* for new elements and run automatically. — tymeJV, Sep 02 '14 at 13:27
@DanielA.White: meaning, literally add the script after all the aforementioned divs? — Willow, Sep 02 '14 at 13:28
When are / what causes the DIV's dynamically added? There must be some event that does this. You can create custom events to handle your situation but these events would still need to be triggered based on some condition. — xDaevax, Sep 02 '14 at 13:51

score 1 · Answer 1 · edited May 23 '17 at 12:12

1

Edit: Check out this answer: Event when element added to page

Long story short, you have two options:

Continually check for the elements
Use Mutation Observers

The answer I linked to above has more details.

edited May 23 '17 at 12:12

Community

1
1

answered Sep 02 '14 at 13:47

Greg Burghardt

17,900
9
49
92

But what if I don't want a click event bound to the element...? How do you code it so the code watches for a dom element being added, and appends the div to it? I don't really have control over the other person's script, so I just need to detect some event that adds the element to the dom. – Willow Sep 02 '14 at 13:53
Sorry about that. I didn't quite understand what you were asking. I'll update my answer. – Greg Burghardt Sep 02 '14 at 13:58

Bind an event outside of DOM ready?

1 Answers1