javascript – 标签“显示”事件未触发 – Twitter Bootstrap

前端之家收集整理的这篇文章主要介绍了javascript – 标签“显示”事件未触发 – Twitter Bootstrap前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
标签发生变化时,我试图触发ajax调用.但是,我甚至无法让这个基本测试工作:
<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:

(function ( $) {
    "use strict";

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

}(jQuery));

当任何标签更改时,它应该向我发送警报.

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

文档中的基本示例也不起作用.整个事件(甚至按钮点击)似乎是看不见的 – 我似乎无法抓住它.

解决方法

试试这个
$(document).on('shown.bs.tab',function (e) {
    alert('TAB CHANGED');
})

猜你在找的JavaScript相关文章