Javascript 在引导中点击按钮,如何切换导航类?
我正在尝试在我的一个页面上设置一个向导样式的主题来构建一个概要文件,我希望能够通过单击“下一步”在引导上切换pill nav的类,尽管我不完全确定如何操作。选项卡布局的MyJavascript 在引导中点击按钮,如何切换导航类?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在尝试在我的一个页面上设置一个向导样式的主题来构建一个概要文件,我希望能够通过单击“下一步”在引导上切换pill nav的类,尽管我不完全确定如何操作。选项卡布局的Mynav如下所示: <!-- Nav tabs --> <ul class="nav nav-pills" role="tablist"> <li role="presentation" class="active"><a href="#aaa" aria-controls="a
nav
如下所示:
<!-- Nav tabs -->
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="#aaa" aria-controls="aaa" role="tab" data-toggle="tab">aaa</a></li>
<li role="presentation"><a href="#bbb" aria-controls="bbb" role="tab" data-toggle="tab">bbb</a></li>
<li role="presentation"><a href="#ccc" aria-controls="ccc" role="tab" data-toggle="tab">ccc</a></li>
<li role="presentation"><a href="#ddd" aria-controls="ddd" role="tab" data-toggle="tab">ddd</a></li>
</ul>
有没有办法让我的目标导航丸
切换活动类
$('.nav-tabs > .active').next('li').find('a').trigger('click');
下一步按钮单击中的JQuery代码可以帮助您将列表中的下一项设置为活动项。
此外,我认为您应该从“下一步”按钮中删除
href=“#bbb”
我试着把一个JSFiddle放在一起,但它没有发挥我页面的功能。
$('.nav-tabs > .active').next('li').find('a').trigger('click');