How do I apply jquery plugin to newly created element

Question

I have a third party function that I use. To use ii I just run:

$('.myElements').thirdPartyFunction(options);

It works fine. However if I dynamically add an element with class .myElements , how can I have it run the thirdPartyFunction on that that element?

Answer 1

If you're not worried about performance you can use DOMNodeInserted

$(document).bind("DOMNodeInserted"), function(event){
      $(event.target).find(".myElements").addBack(".myElements").thirdPartyFunction();
}

Though it is not very performant, so you may wish to look at something else.

Other options: Alternative to DOMNodeInserted