Question

Need something like this (for future loaded html to page!):

$(document).on('ready', 'a', function(){ $(this).after('it works'); });

This doesn’t work (need similar event, like ‘load’ or ‘ready’ to fire after element will be added to the page). For example another event:

$(document).on('mouseover', 'a', function(){ $(this).after('it works'); });

working normaly. Any suggestions?

Answer 1

That’s probably because these elements don’t fire onload events. The document‘s load event is fired after all elements have loaded, so you can try using that.

$(document).on('DOMNodeInserted', 'a', function(){ $(this).after('it works'); });

Demo