call function on element creation

Question

Is there a way to call a function on a specific selector that would apply to any element that matches that selector now, and in the future?

Just the way it works (before it was deprecated) with live.

Something like:

$('form.validate').live('create', validate);

see here http://stackoverflow.com/questions/3384398/how-to-detect-new-element-creation-in-jquery — PSR, May 23 '13 at 13:16
possible duplicate of [Is there a jQuery DOM change listener?](http://stackoverflow.com/questions/2844565/is-there-a-jquery-dom-change-listener) — Blazemonger, May 23 '13 at 13:26
Yes Blazemonger. And it helped a lot. Just as PSR comment. Thak u guys. — Bruno, May 23 '13 at 13:31
There's nothing such as "onChange" or "onCreate" in jQuery, or Javascript. However, you can try [this one](http://stackoverflow.com/questions/2844565/is-there-a-jquery-dom-change-listener/11546242#11546242). — Louay Alakkad, May 23 '13 at 13:25
Consider updating your answer with a brief summary of the relevant points (instead of just a link), so it is still meaningful to others if that link ever breaks. — Leigh, May 23 '13 at 14:02

Gabriel Petrovay · Answer 1 · 2013-05-23T13:24:36.917

1

The equivalent of live in the current version is:

$('form').on('create', '.validate', validateFunction);

Now, since the create event is not a standard DOM event, it is you who fires it. You must have somewhere (for example when you render the form):

// ... create a .validate element
validateElement.trigger('create');

The on syntax above should catch this create event.

edited May 23 '13 at 13:24

answered May 23 '13 at 13:18

Gabriel Petrovay

1 Answers1