在加载后将字符串附加到future元素（jquery）

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

Answer 2

I am not sure if it will help, but try using .live

http://api.jquery.com/live/

Answer 3

$.ajaxComplete()? Or just CSS?