悬停时引导活动选项卡内容并点击外部链接

Question

我需要做的就是在导航选项卡上悬停时激活引导 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

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

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()函数。