繁体   English   中英

Bootstrap Nav标签-Fire Javascript

[英]Bootstrap Nav Tabs - Fire Javascript

我使用的是基本的Bootstrap标签结构,我希望在其中单击该标签后触发Javascript事件。 我不知道该怎么做。 到目前为止,这是我想出的代码:

            <ul class="nav nav-tabs nav-justified">
              <li class="active"><a data-toggle="tab" href="#tab1"> tab(<?php echo $count ?>) </a></li>
              <li><a data-toggle="tab" href="#menu2"> tab(<?php echo $count3 ?>) </a></li>
              <li><a data-toggle="tab" href="#menu1"> tab(<?php echo $count2 ?>) </a></li>                    
            </ul>

和Javascript:

$("#menu2").click(function() {
        alert('yes, the click actually happened');
    });
$('.nav-tabs a[href="#menu2"]').click(function() {

你必须做:

 $('[href=#menu2]').on('shown.bs.tab', function (e) {
             alert('Your Code')
 });

显示标签后,此事件会在标签显示上触发。 使用event.target和event.relatedTarget分别定位活动选项卡和上一个活动选项卡(如果有)。

http://getbootstrap.com/javascript/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM