Question

Bootstrap选项卡nav-tabs回调点击功能，

pausetime

这里我想在每次更改标签后添加我的自定义功能

Answer 1

然而没有人谈论show.bs.tab和shown.bs.tab监听器，lol

$('.nav-tabs').find('a').on('show.bs.tab', function () {
    // Some code you want to run when tab is clicked (before the tab is shown)
});

$('.nav-tabs').find('a').on('shown.bs.tab', function () {
    // Some code you want to run after the tab is shown (callback)
});

此处提供的其他选项和听众： W3Schools bootsrap tabs

Answer 2

你在找这样的东西吗？

＆＃13;

value 1

＆＃13;

$(document).ready(function(){
  // Listen with the jQuery to the tabs click:
  $('#myTabs a').click(function (link) {
    console.log(link.currentTarget.innerText);
  })
})

＆＃13;

请在发布此类问题之前阅读official bootstrap文档。

Answer 3

尝试以下代码，来自reference

<script type="text/javascript">
$(document).ready(function(){
    $("#myTab a").click(function(e){
        e.preventDefault();
        $(this).tab('show');
    });
});
</script>

Bootstrap选项卡回调事件

3 个答案: