标签“显示”事件没有解雇 - Twitter Bootstrap [英] Tab "shown" event not firing - Twitter Bootstrap

问题描述

当标签更改时，我正在尝试触发ajax调用。但是，我似乎无法让这个基本测试工作：

When a tab changes, I'm attempting to fire an ajax call. However, I can't even seem to get this basic test to work:

<ul class="nav nav-tabs">
   <li class="">
      <a data-toggle="tab" href="#gqs-uploader" id="gqs-uploader-btn">Upload</a>
   </li>
   <li class="active">
      <a data-toggle="tab" href="#gqs-results" id="gqs-results-btn">Results</a>
   </li>
   <li class="">
      <a data-toggle="tab" href="#gqs-download" id="gqs-download-btn">Download</a>
   </li>
</ul>

javascript：

And the javascript:

(function ( $ ) {
    "use strict";

    $(function () {
        $(document).on('shown', 'a[data-toggle="tab"]', function (e) {
            alert('TAB CHANGED');
        });
    }); 

}(jQuery));

当任何标签发生变化时，它应该向我发送警报。

When ANY tab changes, it should send me an alert.

为什么这个简单的例子不起作用？

该基本示例docs也不起作用。整个事件（甚至按钮点击）似乎看不见 - 我似乎无法抓住它。

The basic example in the docs does not work either. The entire event (even button clicks) seems invisible - I can't seem to catch it any way.

推荐答案

试试这个

$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
    alert('TAB CHANGED');
})

这篇关于标签“显示”事件没有解雇 - Twitter Bootstrap的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！