jquery - 直接链接到表格选项卡

Question

我正在尝试直接链接到使用 tabulous plugin 创建的选项卡.我的标签设置如下:

<div id="tabs">
<ul>
<li><a href="#tabs-1">TAB 1</li>
<li><a href="#tabs-2">TAB 2</li>
</ul>
<div id="tabs_container">
<div id="tabs-1">content here</div>
<div id="tabs-2">content here</div>
</div>
</div>

在另一个网页上，我想链接到其中一个选项卡。我试过:

<a href="NameOfPageWithTabsOnIt.html#tabs-2">Link</a>

但这只会加载第一个选项卡处于事件状态的页面。有什么想法吗？

谢谢。

Answer 1

您可以尝试为选项卡添加“事件”类。 如果您四处导航，则会删除当前的“事件”类并在新选项卡上附加/创建该类。

$('#tabs ul li a').click(function() {
    $('#tabs ul li a.active_tab').removeClass('active_tab');
    $(this).closest('#tabs ul li a').addClass('active_tab');
});

$('#tabs ul li ul li.tabsub a').click(function() {
    $('#tabs ul li a.active_tab').removeClass('active_tab');
    $(this).parents('#tabs ul li a').addClass('active_tab');
});

也许是这样的