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

也许是这样的

直接链接到tabntly标签

1 个答案: