.load（）之後的DOM操作

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

Ajax是異步的。把你的電話放在ajax回調中：

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