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
    } );
} );

問題は、タブのコンテンツを 1 回だけロードすることです。最初は問題なく読み込まれますが、タブ間をクリックすると、ページがリロードされます。そのため、ユーザーが 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 に答える