javascript - .load()之后的DOM操作

尝试使用Rainbow.js突出显示语法。我有一个分页导航，单击该分页导航会将页面（＃page2）加载到body中。它很好用，但是当我调用Rainbow.color（）（它在DOM中搜索预定义的pre标记内的语法）时，它无法为它着色。页面首次加载时，我将其称为：

$(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();
});

感谢您的帮助，如果需要更多代码，请告诉我！

最佳答案

Ajax是异步的。将您的呼叫放在ajax回调中：

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