Jquery-uiのタブと履歴

Question

私はjquery-uiタブでbackbone.jsを使用しています。ブラウザの戻るボタンが正常に動作しています。しかし、私は動的にタブを追加して削除し、戻るボタンを使ってそれらのアクションを逆にしたいと思います。たとえば、次のことが発生した場合：

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

私は戻るボタンをクリックすると、以下のことが起こるはずです。

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

このための最善の解決策は何ですか？ ありがとう

Answer 1

私は数ヶ月前とまったく同じ問題がありました。私はもともとjQuery-UIのタブをプロジェクトのhttps://www.implantlink.com/に使っていましたが、アプリが成長するにつれて、タブとバックボーンの間の摩擦はあまりにも迷惑で制限されていました。 jQuery-UIのタブとBackboneをうまく再生しようとするのは難しいことですが、それは価値がないと言えるでしょう。

jQuery-UIのタブを放棄して、プロジェクトが十分に複雑な場合は、backbone.jsを完全に使用する方がよい場合があります。必要なすべてのCSS & 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');