1

我需要清除已加载选项卡的缓存,以便在下一个选项卡上单击它会重新加载。JQuery UI Tabs - Clear Cached Tab的解决方案对我不起作用,我不知道出了什么问题。问题/答案未显示使用的实际代码,因此设置可能与我的略有不同。

有关我的用例,请参见http://jsfiddle.net/A3SHj/

我的设置代码:

$(function() {
  $( "#tabs" ).tabs({
    //see http://docs.jquery.com/UI/Tabs#option-cache
    cache:true, //make click only load page once
    ajaxOptions: { cache: false }, //but don't cache the ajax request!
    active:0 //first tab is active
  });
});

我的清除缓存功能:

function clearTabsCache() {
  //see https://stackoverflow.com/questions/8797486/jquery-ui-tabs-clear-cached-tab
  $("#tabs .ui-tabs-nav a").removeData("cache.tabs");
}

例如,使用 Chrome 的开发人员工具,您可以在网络面板中观察到“远程页面”选项卡中的 PNG 仅获取一次,在“清除选项卡缓存”后不会重新获取。(浏览器显示图像字节流的事实在这里并不重要。)

js代码$("#tabs .ui-tabs-nav a")正确选择了2个tab,removeData()方法成功,但是没有任何变化。

4

1 回答 1

0

正如这里提到的答案

JQuery UI 选项卡缓存

这将为您解决问题。您可以控制单个选项卡的缓存

在您使用上述答案的情况下,只需使用

$("#tabs").tabs({
cache: true,
itemOptions: [
    { cache: true },
    { cache: false }
]
});
于 2013-06-26T06:26:30.960 回答