HTML öğelerinin bir sınıf almasını bekleyin ve

Question

bir şey yapın Sayfamda bir şeyler yapmak için document.ready olayını bekliyorum.

Ne yazık ki, değiştiremediğim başka bir senaryo, senaryonum çağrıldığında büyüsünü henüz yapmadı. Bu nedenle, sınıf adında jquery seçimi, sınıf DOM'da henüz mevcut olmadığından başarısız olur.

Bu nedenle, bir öğenin belirli bir sınıfa girmesini, sonra da onunla bir şey yapana kadar işlevimin dinlemesini söylemek istiyorum.

Bunu nasıl başarabilirim? Bu (sözde kod) gibi

Answer 1

Sınıfı ekledikten sonra bir olayı tetikleyebilirsiniz.

Örnek:

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


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

Answer 2

şey:

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

veya element için dinlemek eklenecek:

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

jQuery sürümü:

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

da liveQuery eklentisi var :

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

Veya bu normal bir olay işleyicisiyse, jQuery's on();

Answer 3

Ben senin soru yanlış var ama neden sadece document.ready bu kadar sade bir şey yapmıyor, üzgünüm? :

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

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