DOM 조작 후 .load()

Question

Rainbow.js을 구문 강조 표시에 사용하려고합니다. 클릭 할 때 페이지 (# page2)를 body에로드하는 페이지 매김 탐색 기능이 있습니다. 훌륭하게 작동하지만 Rainbow.color() (사전 정의 된 pre 태그 내부의 구문을 DOM에서 검색 함)를 호출하면 색상이 지정되지 않습니다. 페이지가 처음로드 될 때 다음 이벤트를 호출합니다.

$(window).load(function() { 
    /* Act on the event */ 
    Rainbow.color(); 
}); 

그리고 잘 작동합니다. 하지만이 함수를 호출하면 Rainbow.color()가 아무 것도 강조 표시하지 않습니다!

$('.pure-paginator .pure-button').on('click', function() { 
    $('#content').load('html.html ' + $(this).attr('href')); 
    Rainbow.color(); 
}); 

더 많은 코드가 필요하면 알려주세요.

Answer 1

아약스는 비동기입니다. 아약스 콜백에 전화 걸기 :

$('.pure-paginator .pure-button').on('click', function() { 
    $('#content').load('html.html ' + $(this).attr('href'), function() { 
     Rainbow.color(); 
    }); 
});