要素がjQueryに表示されるとすぐに関数を適用する方法は？

Question

jQueryには、要素が表示されるとすぐにイベントをサスペンドする関数live（）があることがわかりました。私は要素が出現するとすぐに何かをしたいと思っています。私は "load"イベントに要素を追加しようとしましたが、動作しません。それについてどうやって行くの？

Answer 1

livequeryあなたは要素を作成し、追加のコードをコントロールしている場合、あなたは可能性triggerカスタムイベントを考慮して扱いますそれは後でハンドラに入れます。

Example

$('#add').click(function() { 
    $('#container').append($('<div>Hello! I am a new div</div>')).trigger('div-added'); 
}); 

$('#container').bind('div-added', function() { 
    alert('A div has been added'); 
}); 

Answer 2

すべての要素にloadを使用することはできません。のみ：Img Body Iframe。

あなたは私が言及したもの以外の要素の読み込みイベントにライブで聞くことはできません。

あなたができること - ページに追加するときです - それが起こったときを知ってから、あなたのfuncを呼び出すことができます。

Answer 3

使用.delegate（）の代わりに、あなたの特定のケースについては.live（）

のhttp://api.jquery.com/delegateはhttp://docs.jquery.com/Plugins/livequery

Answer 4

あなたはDOMNodeInsertedを聞くことができます。私はWebkitとFirefoxで動作することを知っています - 私はIEについてよく分かりません。

それは次のようになります。

$('body').bind('DOMNodeInserted', function(evt) { 
    var addedElement = evt.target; 
    // do whatever with `addedElement`... 
})