JQuery Ajax Tabs +保持狀態

我一直被困在一個問題上，似乎無法找到任何幫助..我已經嘗試過自己的代碼，在這個問題上尋找教程，但似乎沒有打到mark ..JQuery Ajax Tabs +保持狀態

我目前正在使用應用程序的JQuery UI選項卡。每個標籤點擊實際上是使用Ajax加載其內容。我現在需要擴展功能並保持選項卡之間的狀態。

示例：

單擊選項卡A並填寫表單文檔。單擊標籤B查找一些信息。點擊標籤A，信息仍然存在。

有沒有人有一些洞察力，我怎麼能做到這一點？

2009-09-23 user177874

您在底下使用哪種技術？只是由用戶填寫不應該是一個問題.. – Juri 2009-09-23 16:01:54

Im使用php的Ajax查詢。我希望能夠在這些標籤之間進行點擊並保持其中的更新/更改。 – user177874 2009-09-23 16:26:57

我認爲，如果你對你的選項卡上的cache選項設置爲true你可以做到這一點，例如：

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

編輯：它爲我工作。

編輯2：如果你正在尋找的東西更先進一點，你可以一個函數綁定到標籤的事件（試行tabsselect），從您的形式擦傷一切，無論是它向服務器發送的一個一個Ajax調用或者將它保存到DOM中的某個地方。

2009-09-23 16:12:02

謝謝玩具，我不相信我錯過了這個選擇。我一直在尋找年齡。 – user177874 2009-09-23 16:33:19

我使用該選項，以便每次單擊該選項卡時都不必完全重建Google Map（在其上有〜10k標記）。緩存選項=非常方便！ – 2009-09-23 16:41:39

也許在頁面中設置一個隱藏字段，表示不執行TAB ajax查詢，只讀取已經加載到表單中的數據。

或者您可以創建JavaScript對象，您將在其中保存加載的數據。

2009-09-23 16:04:48 LoSTxMiND

回答