我需要清除已加载选项卡的缓存,以便在下一个选项卡上单击它会重新加载。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()方法成功,但是没有任何变化。