Question

So, basically I have a plugin that I want called on an element if it is created in the dom,

E.g. let’s say I have a plugin called domWatch that runs the function if the specified selector gets created inside the selector it was called on.

so:

$('#container').domWatch('.mySelector', function(element){
    $(element).myPlugin();
});

$('#container').append($('<div />', {class: 'mySelector'})); //the new element should now have the myPlugin plugin called on it.

Is this possible to do?

Answer 1

Have a look at this clever hack: http://www.backalleycoder.com/2012/04/25/i-want-a-damnodeinserted/. It uses CSS3 animations to detect when an element was inserted into the DOM.

The problem with ‘listening for when a DOM element is created’ is the performance hit, so maybe you should consider a different approach to solve your problem.

I’m sure there are many, way simpler ways to achieve your goal.