我需要在按下按钮时更改选项卡,并且选项卡应由 id 标识。以下代码对我不起作用 - 只是重新加载页面:
<div class="form-actions">
<button class="btn btn-primary" id="btn-next">Next</button>
<button type="reset" class="btn">Clear</button>
</div>
...
<div class="tab-pane active" id="2">
...
$("#btn-next").click(function(event) {
$('#2').tab('show');
});
你可以使用这样的东西:
function nextTab(elem) {
$(elem + ' li.active')
.next()
.find('a[data-toggle="tab"]')
.click();
}
function prevTab(elem) {
$(elem + ' li.active')
.prev()
.find('a[data-toggle="tab"]')
.click();
}
and use nextTab('#tab');
or prevTab('#tab');
实例继续采取行动:http://jsbin.com/atinel/9/edit#javascript,html http://jsbin.com/atinel/9/edit#javascript,html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)