html에 추가될때 이벤트 채택완료
제이쿼리에 $(".title").click()처럼 클릭할때 말고 추가될때 실행되는 이벤트가 있나요?
$(".title").load나 ready는 안먹히네요.
답변 1개
채택된 답변
+20 포인트
1년 전
https://developer.mozilla.org/ko/docs/Web/API/MutationObserver
MutationObserver로 추가되는 객체를 알수있습니다. 아래처럼 제이쿼리 함수 확장해서 실행부분 좀 구현더 해서 $(".title").loaded(function(){})로 쓰시면 될거같습니다.
Copy
$.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);
}
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인