从其他链接访问时将其他选项卡窗格设置为活动

时间:2018-03-07 09:45:28

标签: html twitter-bootstrap navbar

我的页面中有以下标签(a.html)

<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#Details" data-toggle="tab">Details</a></li>
<li><a href="#help" data-toggle="tab">Help</a></li>

我有另一个页面b.html,我有一个链接到a.html的按钮。当我点击该按钮时,我希望a.html中的“help”标签变为活动状态。

我试过像

这样的东西
<a href="a.html#help"></a>

编辑1:当我单独加载a.html时,我需要Home才能处于活动状态。只有当我从 b.html 转移到 a.html

时,我才需要帮助才能生效

2 个答案:

答案 0 :(得分:0)

您可以调用要在a.html

的加载上显示的标签的点击事件

我其实就是这样做的。

$(document).ready(function () {
    $("#help").trigger("click");
});

希望有所帮助

答案 1 :(得分:0)

尝试在其他html的目标选项卡窗格中添加.active类 例如:

<div class="tab-pane active"></div>