1

我使用jQuery UI 库中的选项卡小部件使用AJAX 调用填充我的选项卡内容。

我的代码是这样的:

<script type="text/javascript">
    $(function() {
        $("#tabs").tabs({
            load: function(event, ui) { afterLoadProcessing(); }
        });
    });
</script>
...
<div id="tabs">
<ul>
  <li><a href="url1">tab1</a></li>
  <li><a href="url2">tab2</a></li>
</ul>
</div>

它工作正常,每次我单击选项卡时,选项卡内容都会由 AJAX 调用的响应填充。

我想缓存 AJAX 调用的响应,这样我第二次点击一个选项卡时,它会直接显示最后一个响应(最终缓存)。

是否可以?(我确定是……)。如果是,最简单的方法是什么?(欢迎使用代码片段)

4

2 回答 2

4

将缓存设置为 true:

$("#tabs").tabs({
    load: function(event, ui) { afterLoadProcessing(); },
    cache : true
});

参考

于 2010-01-29T22:37:31.140 回答
1

有两个地方可以在选项卡本身上指定缓存,或者使用 ajaxOptions 在 ajaxCalls 上指定缓存。我会尝试在选项卡上使用 cache: true 来查看它是否首先工作,然后通过选项卡设置上的 ajaxOptions 选项指定 ajax 缓存。你可能两者都需要。

于 2010-01-29T22:37:40.453 回答