jquery - JQueryAjaxタブ+状態の維持

Question

私は問題に悩まされていて、それに対する助けを見つけることができないようです。私は自分のコードを試し、その問題に関するチュートリアルを検索しましたが、何もうまくいかないようです。

現在、アプリケーションにJQueryUIタブを使用しています。タブをクリックするたびに、実際にはAjaxを使用してコンテンツが読み込まれます。ここで、機能を拡張し、タブ間の状態を維持する必要があります。

例：

タブAをクリックして、フォームのドキュメントに記入します。タブBをクリックして、いくつかの情報を検索します。タブAをクリックしても、情報は引き続き表示されます。

誰かが私がこれをどのように達成できるかについていくつかの洞察を持っていますか？

score 3 · Accepted Answer

cacheタブのオプションを次のように設定すると、それができると思いますtrue。例：

$('#tabs_selector_here').tabs({
    cache : true,
    ...
    whatever other options
    ...
});

編集：それは私のために働いた。

編集2：もう少し高度なものを探している場合はtabsselect、フォームからすべてを取得してAjax呼び出しでサーバーに送信するか、単に保存するタブイベント（try）の1つに関数をバインドできます。 DOMのどこかに。

score 0 · Accepted Answer

たぶん、TAB A ajaxクエリを実行せず、フォームにすでにロードされているデータのみを読み取るように、ページに非表示フィールドを設定します。

または、ロードされたデータを保存するjavascriptオブジェクトを作成することもできます。

2 に答える 2