jquery-ui選項卡和歷史記錄

我使用backbone.js jquery-ui選項卡和我的瀏覽器的後退按鈕工作正常。不過，我想動態添加和刪除標籤並通過後退按鈕取消這些操作。例如，如果發生以下情況：jquery-ui選項卡和歷史記錄

#tab-1 
#tab-2 
open tab-3 
#tab-3

當我後退按鈕點擊，下面應該發生：

close tab-3 and go to #tab-2 
#tab-1

，這是什麼最好的解決辦法？謝謝

2011-09-13 silkwormy

嗯，這是要去似乎是顯而易見的，但你爲什麼不關閉標籤-3，開放標籤-2？你必須提供更多的細節來幫助你。現在什麼不適合你？ – Julien

當我點擊瀏覽器的「後退」按鈕時，我已經打開了一個使用jquery-ui（http://jqueryui.com/demos/tabs/#manipulation）的選項卡，我希望該選項卡已關閉。 – silkwormy

我和你幾個月前一樣有問題。我最初在一個項目上使用了jQuery-UI標籤，但是隨着應用程序的不斷增長，標籤和主幹之間的摩擦證明過於煩人和限制。在嘗試讓jQuery-UI標籤和Backbone發揮出色的困難之後，我可以告訴你它不值得。

如果您的項目足夠複雜，您最好放棄jQuery-UI選項卡並完全堅持使用backbone.js。複製所有需要的HTML代碼，創建自己的選項卡，然後將每個選項卡設置爲路由和回調函數以切換HTML。

例標籤

<ul class="tabs"> 
    <li><a href="#tab1">Tab 1</a> 
    <li><a href="#tab2">Tab 2</a> 
    <li><a href="#tab3">Tab 3</a> 
</ul>

例JS

$('#content').html('tab 2 HTML and content stuff');

2011-09-25 05:56:27 strongriley

回答