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

几个月前我和你有完全相同的问题。我最初在项目https://www.implantlink.com/上使用了jQuery-UI选项卡，但随着应用程序的增长，选项卡和主干之间的摩擦被证明太烦人且有限。在努力让jQuery-UI标签和Backbone发挥得很好之后，我可以告诉你它不值得。

如果您的项目足够复杂，您可能最好放弃jQuery-UI选项卡并完全坚持使用backbone.js。复制所有必要的CSS＆amp;您需要创建自己的标签，然后将每个标签设置为路由和回调函数以切换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');