jquery - 如何在 .load() 调用期间调用 document.ready(function()) 例程

Question

我的 document.ready() 部分中有以下行，即

$(document).ready(function()
{
    // initialize scrollable
    $("#browsable").scrollable();
});

这在初始页面启动时一切正常，这是我的“主页”菜单选项。问题是，我有一个侧面菜单，用户在其中单击一个选项，然后根据所选选项(例如“关于我们”)使用 jQuery .load() 加载我的 html 页面。

但是，当用户在离开“关于我们”页面后返回“主页”菜单选项时，我的 $("#browsable").scrollable(); 不会被执行再次初始化/调用，这会导致我的轮播出现问题。

使用这个 .load() 调用，如何让它使用 $("#browsable").scrollable(); 调用重做初始化？

谢谢。

Answer 1

根据 jQuery 文档，您可以在加载调用中设置回调，如下所示...

$('#result').load('ajax/test.html', function() {
    $("#browsable").scrollable();
});

来源:http://api.jquery.com/load/