Funkcja dołączania jQuery do zdarzenia "ładowanie" elementu

Question

Chcę dołączyć funkcję do elementu jQuery, który jest uruchamiany za każdym razem, gdy element jest dodawany do strony.

Próbowałem następujących, ale to nie działa:

var el = jQuery('<h1>HI HI HI</H1>'); 
el.one('load', function(e) { 
    window.alert('loaded'); 
});  
jQuery('body').append(el); 

Co ja naprawdę chcę robić to, aby zagwarantować, że inna funkcja jQuery, że spodziewa się trochę ID być na stronie don 't fail, więc chcę wywołać tę funkcję za każdym razem, gdy mój element zostanie załadowany na stronę.

---

celu wyjaśnienia, jestem przekazując el elementu do innej biblioteki (w tym przypadku jest to odtwarzacz filmów, ale może to być coś innego) i chcę wiedzieć, kiedy el elementem jest dodawana na stronie, niezależnie od tego, czy jest to mój kod odtwarzacza filmowego, czy dodaje element, czy jeszcze coś innego.

Answer 1

Nie wiem, czy jest tego typu wydarzenie, co przychodzi mi do głowy to tworzenie zdarzenia "el-load" w oparciu o samouczek this, a następnie rozszerzenie "append", aby wiedzieć, czy element ma to wydarzenie zadzwoń do tego.

Answer 2

Użyj LiveQuery (wtyczka jQuery) i dołącz w tym przypadku zdarzenie load do elementu ur dom (h1).

Answer 3

Jeśli tag jest tworzony przez ajax, możesz użyć powiązanego węzła, aby zasubskrybować zdarzenie ajaxSuccess.

http://docs.jquery.com/Ajax/ajaxSuccess

$('#somenode').ajaxSuccess(function(){ 
    if ($('h1').length > 0) { ... } 
}); 

jeśli to tylko dodaje do DOM przez lokalnego scenariusza, nie jestem pewien, że to możliwe, aby obserwować to stworzenie, z wyjątkiem przy użyciu timera do sondowania dla niego.

Answer 4

spróbuj zastąpić metodę dołączania, aby dodać własne wydarzenie?

jQuery.extend(jQuery.fn, { 
    _append: jQuery.fn.append, 

    append: function(j) { 
     this._append(j); 
     j.trigger('append'); 
    } 
}); 

var el = jQuery('<h1>HI HI HI</H1>'); 
el.one('append', function(e) { 
    window.alert('loaded'); 
});  
jQuery('body').append(el); 

Answer 5

zależności od przeglądarek, które trzeba wspierać istnieją DOMNodeInserted i DOMNodeInsertedIntoDocument wydarzenia. Nie mogę ręczyć za to, jak dobrze pracują, ale teoretycznie możesz powiązać te zdarzenia, a następnie albo sprawdzić nowy węzeł i możliwe poddrzewo, które zostało wstawione, albo po prostu sprawdzić cały dokument ponownie za pomocą $ (selektora), który wybrałeś wykryj węzeł, na który czekałeś, aby został dodany.

Answer 6

Spróbuj tych:

var el = jQuery('<h1>HI HI HI</H1>');  
jQuery('body').append(el); 
setTimeout(function(){ 
    window.alert('loaded'); 
},1000);//delay execution about 1 second 

lub pewności tego:

var el = jQuery('<h1>HI HI HI</H1>');  
jQuery('body').append(el); 
window.checker = setInterval(function(){ 
    if($('someselector').length>0){ //check if loaded 
     window.alert('loaded');    
     clearInterval(window.checker); 
    }  
},200); 

w zasadzie, to pętla będzie co 200ms aż selektor dostaje wynik i kończy pętlę, gdy wynik jest dostępny

Answer 7

Chcę dołączyć do funkcję jQuery elementu odpala ilekroć element zostanie dodany do strony.

Chcesz livequery plugin, który robi właśnie to. Ostatnia funkcja live jest podobna, z tą różnicą, że nie wywoła Cię po dodaniu elementu. Używamy go cały czas - działa świetnie.

Będziesz korzystać $('h1').livequery(function() {alert('just added');});