Attendere fino a quando gli elementi HTML ottengono una classe, quindi fare qualcosa

Question

Sto aspettando l'evento document.ready per fare qualcosa sulla mia pagina.

Purtroppo un altro script, che non posso modificare, non ha ancora funzionato con la sua magia una volta che il mio script è stato chiamato. Quindi, la selezione jquery sul nome della classe fallisce poiché la classe non esiste ancora nel DOM.

Questo è il motivo per cui voglio dire alla mia funzione di ascoltare fino a quando un elemento ottiene una certa classe, quindi fare qualcosa con esso.

Come ottengo questo? da inserire

var timer = setInterval(function() { 
    if (element.className=='someclass') { 
     //run some other function 
     goDoMyStuff(); 
     clearInterval(timer); 
    } 
}, 200); 

o ascoltare per l'elemento::

Answer 1

È possibile attivare alcuni eventi una volta aggiunta la classe.

Esempio:

$('#ele').addClass('theClass'); 
$(document).trigger('classGiven') 


$(document).bind('classGiven',function(){ 
    //do what you need 
}); 

Answer 2

Qualcosa di simile (pseudo codice)

function flagInsertedElement(event) { 
    var el=event.target; 
} 
document.addEventListener('DOMNodeInserted', flagInsertedElement, false); 

jQuery versione:

$(document).on('DOMNodeInserted', function(e) { 
    if (e.target.className=='someclass') { 
     goDoMyStuff(); 
    } 
}); 

C'è anche il plugin liveQuery :

$("#future_element").livequery(function(){ 
    //element created 
}); 

O se questo è un gestore di eventi regolare, eventi delegati con jQuery su();

Answer 3

Mi dispiace se ho ricevuto la tua domanda sbagliata, ma perché non solo fare qualcosa di semplice come questo su document.ready? :

$("#myelement").addClass('myclass'); 

if($("#myelement").hasClass('myclass')) { 
    alert('do stuff here'); 
}