HTML 요소가 클래스를 가져올 때까지 기다린 다음

Question

내 페이지에서 무언가를하기 위해 document.ready 이벤트를 기다리고 있습니다.

내가 변경할 수없는 다른 스크립트는 스크립트가 호출 된 후에도 아직 작동하지 않았습니다. 따라서 클래스가 아직 DOM에 없기 때문에 클래스 이름에 대한 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의 on();

Answer 3

나는 귀하의 질문에 잘못있어하지만 왜 단지 document.ready에이 같은 일반 일을하지 않으면 미안 해요? :

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

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