获取活跃的BS丸的文本

时间:2017-10-05 17:11:36

标签: jquery bootstrap-4

由于我是一个完整的菜鸟,并且没有在这里或谷歌找到答案。

我需要获取活跃的BS药丸的文本,不过这样做:

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

即使发生了变化,也会给我已经有效药丸的文字。

我可以延迟补偿这一点,但我确信有更简洁的方法可以做到这一点:

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

1 个答案:

答案 0 :(得分: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());
});