Jquery选项卡和历史记录

Question

我在jquery选项卡上使用backbone.js，我的浏览器的back按钮运行良好。但是，我想动态地添加和删除选项卡，并通过后退按钮逆转这些操作。例如，如果发生以下情况：

#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选项卡，但是随着应用程序的发展，标签和主干之间的摩擦被证明太烦人和限制了。在尝试让jQuery选项卡和脊梁发挥出色的努力之后，我可以告诉您，这是不值得的。

如果项目足够复杂，最好放弃jQuery选项卡，完全坚持使用backbone.js。复制创建您自己的选项卡所需的所有必要的CSS & HTML，然后设置每个选项卡作为路由和回调函数来切换HTML。

示例Tabs

<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');