html에 추가될때 이벤트

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
html에 추가될때 이벤트

QA

html에 추가될때 이벤트

답변 1

본문

제이쿼리에 $(".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);
}

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
이전 아이콘
다음 아이콘
전체 0
로딩중
© SIRSOFT
현재 페이지 제일 처음으로