html에 추가될때 이벤트
본문
제이쿼리에 $(".title").click()처럼 클릭할때 말고 추가될때 실행되는 이벤트가 있나요?
$(".title").load나 ready는 안먹히네요.
답변 1
https://developer.mozilla.org/ko/docs/Web/API/MutationObserver
MutationObserver로 추가되는 객체를 알수있습니다. 아래처럼 제이쿼리 함수 확장해서 실행부분 좀 구현더 해서 $(".title").loaded(function(){})로 쓰시면 될거같습니다.
$.fn.loaded = function(node_selector){
var config = { childList: true, subtree: true };
var observer = new MutationObserver(function(mutationsList, observer) {
for(var mutation of mutationsList) {
if (mutation.type === 'childList') {
$.each(mutation.addedNodes,function (j,k){
// 코드구현
})
}
}
});
observer.observe(targetNode, config);
}
답변을 작성하시기 전에 로그인 해주세요.