2017-10-05 66 views
0

由于我是一个总noob,并没有在这里或谷歌找到答案。获取活性BS药丸的文本

我需要得到有效BS丸的文本,但是这样做:

$('.nav-pills').on('click',function(){ 
             alert($('.nav-pills .active').text()) 
             }); 

给我的已经激活丸的文本,即使没有发生改变。

我可以用延迟偏移,但我敢肯定有一个更清洁的方式来做到这一点:

$('.nav-pills').on('click',function(){ 
             setTimeout(function(){alert($('.nav-pills .active').text())},1); 
             }); 
+0

使用选项卡上的'shown.bs.tab'事件//之前。请参阅https://v4-alpha.getbootstrap.com/components/navs/#events – Barmar

+0

您的处理程序在更改活动选项卡的BS处理程序之前正在运行。 – Barmar

回答

0

@linquefire你可以用下面的两个事件根据您的需求。

//后的标签切换

$("#myTab").on('shown.bs.tab', function(e) { 
     alert($('.nav.nav-tabs>li.active').text()); 
    }); 

的标签切换

$(".nav.nav-tabs").on('show.bs.tab', function(e) { 
     alert($('.nav.nav-tabs>li.active').text()); 
});