如何在.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/

Answer 2

看看live method。或者使用load函数的回调函数来初始化已加载内容的可滚动插件，正如Sohnee建议的那样。