JQuery作成するとすぐに親に追加する

Question

eが作成されるとすぐに$(e).append()を使用します。

私はそれを使用することができます知っている：setTimeout(/*func checking if parent exists*/, 100)しかし、私は本当に悪いアイデアを見つける。 DOM要素のサブツリーが変更されたときに発生する、ある種のDOMイベントがありますか？

私は通常、ソースコード、親を作成する関数に貼り付けますが、実際にはChrome拡張機能を実際に作成しているため実際には不可能です。私はあなたはそれが本当に使いやすいです見ることができるようにArrive.js

// watch for creation of an element which satisfies the selector ".test-elem" 
$(document).arrive(".test-elem", function() { 
    // 'this' refers to the newly created element 
    var $newElem = $(this); 
}); 

// the above event would watch for creation of element in whole document 
// it's better to be more specific whenever possible, for example 
$(".container-1").arrive(".test-elem", function() { 
    var $newElem = $(this); 
}); 

存在する要素を待っているため、このライブラリを使用することになり、あなたの助け

Answer 1

ため

感謝。外部ライブラリを使用したくない場合はDOMNodeInsertedが償却されるので、MutationObserverをJSで探す必要があります。ライブラリをアンバインド

は、ドキュメントに示されているように簡単です：

// unbind all arrive events on document element 
$(document).unbindArrive(); 

// unbind all arrive events on document element which are watching for ".test-elem" selector 
$(document).unbindArrive(".test-elem"); 

// unbind only a specific callback 
$(document).unbindArrive(callbackFunc); 

// unbind only a specific callback on ".test-elem" selector 
$(document).unbindArrive(".test-elem", callbackFunc); 

// unbind all arrive events 
Arrive.unbindAllArrive(); 

Answer 2

eは、いくつかの静的なHTMLの一部である場合、あなたは一般的な使用することができます：eがによって動的に追加されている場合は

$(document).ready(function(){ 
    //code here 
} 

をあなたのコードはDOMNodeInsertedイベントを使用することができます。この例のために私はeは、すべてのページがロードされるときに作成され<li>

$(document).on('DOMNodeInserted', 'li', function(){ 
    //code here 
});