2017-10-05 67 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()); 
});