悬停时自举活动标签内容，单击时转到外部链接

Question

我需要做的就是在导航选项卡上悬停活动bootstrap 3.3.4选项卡并转到链接链接这里是示例

<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="http://google.com" aria-controls="home" role="tab" data-toggle="tab"> Home </a>
</li>
<li role="presentation">
<a href="http://yahoo.com" aria-controls="home" role="tab" data-toggle="tab"> tab2 </a>
</li>
</ul>

Answer 1

我不完全理解你的问题。但是如果你想添加活动的bootstrap类，那么

class='active'

会做到的。如果您的意思是仅在悬停时，您可以创建自己的类似类，例如

.notselected{
    border-radius: 5px;
    display: block;
    padding: 10px 10px;
}
.notselected:hover{
    background-color: #f1e5e5;
}
.selected{
    border-radius: 5px;
    display: block;
    padding: 10px 10px;
    background-color: blue;
}
.selected:hover{
    background-color: purple;
}

然后使用jquery的toggleClass（）函数。