एचटीएमएल तत्वों को कक्षा प्राप्त होने तक प्रतीक्षा करें, फिर कुछ करें

Question

मैं अपने पृष्ठ पर कुछ करने के लिए दस्तावेज़.ready घटना का इंतजार कर रहा हूं।

कुछ अन्य स्क्रिप्ट, जिन्हें मैं नहीं बदल सकता, ने मेरी स्क्रिप्ट को एक बार बुलाए जाने के बाद भी अपना जादू नहीं किया है। इसलिए, वर्ग नाम पर jquery चयन विफल रहता है क्योंकि कक्षा अभी तक डोम में मौजूद नहीं है।

यही कारण है कि मैं अपने कार्य को तब तक सुनना चाहता हूं जब तक कोई तत्व एक निश्चित वर्ग न हो जाए, फिर उसके साथ कुछ करें।

मैं इसे कैसे प्राप्त करूं?

Answer 1

कक्षा में जोड़े जाने के बाद आप कुछ ईवेंट ट्रिगर कर सकते हैं।

उदाहरण:

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


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

Answer 2

कुछ इस (छद्म कोड) की तरह:

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

या तत्व के लिए सुनने सम्मिलित करने के लिए:

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

jQuery संस्करण:

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

वहाँ भी liveQuery प्लगइन है :

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

या यदि यह एक नियमित घटना हैंडलर है, तो jQuery के ऑन();

Answer 3

अगर मैं आपके सवाल का गलत लेकिन क्यों सिर्फ document.ready पर इस रूप में कुछ सादे कर नहीं मैं माफी चाहता हूँ? :

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

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