簡體   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