DOM の変更を検出する必要があります (特に DOM 要素を追加する場合)。
メソッドが Chrome、Firefox、IE9+ で呼び出されるように
次のように、li を動的に追加するボタンがあるとします。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
<input id="btn" type="submit" value="Add Item">
<ul/>
<script type="text/javascript">
$("#btn").click(function(){
$("<li />").html("item").appendTo("ul");
})
</script>
たとえば、liの追加を検出するには、次のようなものが必要です。
onDomChange(function(){
alert("DOM changed !");
});
このソリューションを実装しました:
http://jsfiddle.net/Lcybj/
ですが、Chrome でのみ機能します。
3つのブラウザで動作するソリューションを実現するには?