요소가 완료되면 새로운 HTML 로딩을 감지합니다.

Question

로드 이벤트는 다른 js 파일에 있습니다.로드 이벤트는 .on ('load')을 사용하여 페이지 매김을 클릭하면 새 HTML로로드됩니다. 그러나 일단 HTML이로드되면 다른 스크립트에서 일어날 일이 필요합니다. 지금까지 이걸 시도했지만 행운은 없습니다. js-ajax-content-container는 새로운 HTML로로드되는 요소입니다. js-ajax-link는로드 이벤트를 시작하기 위해 클릭하는 페이지 매김 링크입니다.

$('body').on('click', '.js-ajax-link', function() { 
    $('body').on('.js-ajax-content-container', 'ajaxComplete', function() { 
    alert("loaded"); 
    }); 
}); 

Answer 1

하나의 스크립트에서 맞춤 이벤트를 실행하고 다른 이벤트를들을 수 있습니다.

그런데 인수가 on()의 순서가 잘못되었습니다.
먼저 이벤트 이름을 전달한 다음 선택자를 전달합니다.

$('body').on('click', '.js-ajax-link', function() { 
    $('body').on('ajaxComplete','.js-ajax-content-container', function() { 
    $(document).trigger('ajaxLinkLoaded'); 
    }); 
}); 

그리고 다른 스크립트에서이 이벤트를 수신 할 수 있습니다 가장 가능성이

$(document).on('ajaxLinkLoaded', function(e){ // do something});