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 呼び出しの応答によってタブのコンテンツが取り込まれます。
タブを2回クリックすると、最後の応答が直接表示されるように、AJAX呼び出しの応答をキャッシュしたいと思います(最終的にはキャッシュされます)。
出来ますか?(きっとそうですよね…)。はいの場合、それを行う最も簡単な方法は何ですか? (コードスニペットは大歓迎です)