Question

我的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是我想要的吗？或者它只是像普通浏览器一样缓存页面？理想情况下，我希望在页面加载时异步加载所有选项卡内容区域，然后再也不要再次 - 无论它们如何点击。

有办法做到这一点吗？

Answer 1

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

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

在jQuery选项卡中缓存页面加载？

1 个答案: