本文介绍了按钮,触发导航,标签与Twitter引导的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
此按钮会触发下一个标签加载内容,但本身不切换选项卡,它仍是一个选项卡上。
< BR><一类=BTN BTN-初级的href =#TAB2数据切换=标签>综述< / A>< BR&GT ;
下面是code的净值资产净值的选项卡:
< UL类=净值资产净值的选项卡>
<李班=主动>< A HREF =#TAB1数据切换=标签>送货< / A>< /李>
<立GT;< A HREF =#TAB2数据切换=标签>数量及LT; / A>< /李>
<立GT;< A HREF =#TAB3数据切换=标签>总结< / A>< /李>
< / UL>
任何解决方案的的切换,标签和放大器;含量的IS AP preCIATED
..也许是一种方法来改变按钮触发在*引导-tab.js V2.3.1的next()
功能:
,激活:功能(元素,集装箱,回调){
变量$激活= container.find('>。主动')
过渡=回调
&功放;&安培; $ .support.transition
&功放;&安培; $ active.hasClass('褪色') 接下来的功能(){
$活跃
.removeClass(激活)
.find('> .dropdown-菜单>。主动')
.removeClass(激活) element.addClass(激活) 如果(过渡){
元素[0] .offsetWidth //回流过渡
element.addClass(IN)
}其他{
element.removeClass('褪色')
} 如果(element.parent('下拉菜单')){
element.closest('li.dropdown')。addClass(激活)
} 回调和放大器;&安培;回电话()
} 过渡 ?
$ active.one($ support.transition.end,下一个):
下一个() $ active.removeClass(IN)
}
}
解决方案
您可以指定您的评论按钮使用点击处理程序的jQuery ...
JS:
$('#btnReview')。点击(函数(){
$('导航的选项卡>。主动')。接下来(礼)找到('A')的触发器(点击)。
});
HTML
<一类=BTN BTN-初级的href =#ID =btnReview>回顾与LT; / A>
This button triggers the next tab to load content, but the tab itself does not switch, it remains on the first tab..
<br><a class="btn btn-primary" href="#tab2" data-toggle="tab">Review</a><br>
Here is the code for nav nav-tabs:
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Shipping</a></li>
<li><a href="#tab2" data-toggle="tab">Quantities</a></li>
<li><a href="#tab3" data-toggle="tab">Summary</a></li>
</ul>
ANY SOLUTION for switching both the tab&content IS APPRECIATED
..perhaps a way to change the button to trigger the next()
function in * bootstrap-tab.js v2.3.1:
, activate: function ( element, container, callback) {
var $active = container.find('> .active')
, transition = callback
&& $.support.transition
&& $active.hasClass('fade')
function next() {
$active
.removeClass('active')
.find('> .dropdown-menu > .active')
.removeClass('active')
element.addClass('active')
if (transition) {
element[0].offsetWidth // reflow for transition
element.addClass('in')
} else {
element.removeClass('fade')
}
if ( element.parent('.dropdown-menu') ) {
element.closest('li.dropdown').addClass('active')
}
callback && callback()
}
transition ?
$active.one($.support.transition.end, next) :
next()
$active.removeClass('in')
}
}
解决方案
You could assign your Review button a click handler using jQuery...
JS:
$('#btnReview').click(function(){
$('.nav-tabs > .active').next('li').find('a').trigger('click');
});
HTML:
<a class="btn btn-primary" href="#" id="btnReview">Review</a>
这篇关于按钮,触发导航,标签与Twitter引导的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!