0

我的html：

<div id="tabs">
    <ul>
        <li><a href="~/WebAppOne">Web App One</a></li>
        <li><a href="~/WebAppTwo">Web App Two</a></li>
    </ul>
</div>

还有我的 jQuery：

$( document ).ready( function () {
    $( "#tabs" ).tabs( {
        cache: true
    } );
} );

问题是我希望标签内容只加载一次。它第一次加载就好了，但是如果我在选项卡之间单击，它正在重新加载页面。因此，如果用户在 WebAppOne 上的表单中输入了一些内容，切换到 WebAppTwo 并返回将取消他们的更改。

那么首先，是cache:true我想要的吗？或者它只是像普通浏览器一样缓存页面？理想情况下，我希望在页面加载时异步加载所有选项卡内容区域，然后再也不会 - 无论它们如何点击。

有没有办法做到这一点？

4

1 回答 1

0

如果您的 Web 服务器发送缓存控制标头，并且浏览器尊重这些缓存将“神奇地发生”。

http://condor.depaul.edu/dmumaugh/readings/handouts/SE435/HTTP/node24.html

于 2013-04-16T16:56:19.197 回答