使用AJAX的jQuery UI选项卡 - 每次切换选项卡时强制重新加载选项卡内容

Question

使用jQuery UI选项卡时，可以指定.php或.html文件作为选项卡内容。当用户转到另一个选项卡并再次返回时，是否可以强制ajax选项卡内的内容进行刷新？ （该选项卡包含动态信息，用户可以在另一个需要刷新的选项卡中执行操作。）

Answer 1

您可以使用缓存选项：

$（“。selector”）。tabs（{cache：true}）;

此处有更多信息：http://jqueryui.com/demos/tabs/#option-cache

Answer 2

我认为默认情况下会这样做。至少此代码在从ajax调用重新加载之前显示一秒的值。如果没有，也许您可​​以使用此事件重新加载，因为每次导航到页面时都会触发：

$('#tabContainer').bind('tabsselect', function (event, ui) {
    $(ui.panel).html("tab is " + ui.tab + "<br/>\r\n" + // string
        "panel is " + ui.panel + "<br/>\r\n" + // HTMLDivElement
        "index is " + ui.index + "<br/>\r\n" + 
        "Hello, world!");
});