I want to execute a function when new dom elements are added somewhere in the body

Question

I would like to execute a function when new dom elements are added via ajax, somewhere in the body, by a 3er party JS.

The function i want to execute is jqueryui's tooltip(), which changes title attribute into nice tooltips.

The problem happens when a 3rd party JS adds new elements to many differents div's, and the new element's 'title' attribute are not being substituted by tooltips. So I need to do again:

$('*').tooltip()

I think I need something checking if new elements have been added to the body, and run the function on them.

Any ideas ?

Is the 3rd party javascript that is adding the elements using `jQuery` to add them? — user113716, Aug 09 '10 at 21:19

score 0 · Answer 1 · answered Jul 27 '12 at 09:42

0

Have a look at liveQuery it does what you need.

answered Jul 27 '12 at 09:42

Moin Zaman

25,281
6
70
74

score 0 · Answer 2 · edited May 23 '17 at 11:57

I did the same in one of my project which is I needed to listen to the DOM changes., e.g. DOM append, remove, attribute, and data changes.

Actually, the browser itself provides the native function/DOM changes listener which is the "Mutation Observer".

These links WILL help you :

I want to execute a function when new dom elements are added somewhere in the body

2 Answers2