不觸發Bootstrap選項卡點擊Click

我試圖不觸發在asp.net中的引導選項卡單擊。這裏是我的html不觸發Bootstrap選項卡點擊Click

<div class="addNewTab"> 
<ul class="nav nav-tabs tabs" data-tabs="tabs"> 
    <li id="li1" class="deactiveLink"><a href="#tabBasicInfo" onclick="return getit();" 
          data-toggle="tab">Step 1: Details<span> </span></a></li> 
    li id="li2" class="deactiveLink"><a href="#tabAdditionalInfo" onclick="return getit();" 
          data-toggle="tab">Step 2: Photos<span></span></a></li> 
    <li id="li3" class="deactiveLink"><a href="#tabAdditionalFeature" 
          onclick="return getit();" data-toggle="tab">Step 3:Add. Info <span></span></a> 
    </li> 
    <li id="li4" class="deactiveLink"><a href="#tabPreview" onclick="return getit();" 
          data-toggle="tab">Step 4: Preview<span></span></a></li> 
</ul> 
</div>

，這裏是我的javascript功能

function getit() { 
     return false; 
    }

我在GETIT嘗試這種（）

$('.addNewTab >.nav-tabs > li:nth-child(5)').find('a').trigger('click');

我新故來引導我不能做我的任務。我不想爲此使用div。我想使用無法點擊的標籤。我在代碼中錯過了什麼嗎？我需要做的，請建議我。您的建議無疑是值得讚賞的。

來源

2014-08-28 Iswar K Chettri

只需從標籤去除href和它將變得不可點擊 – Richa 2014-08-28 05:49:57

如果你想讓它「不可點擊」，爲什麼使用標籤？ – 2014-08-28 05:51:42

根據引導程序3文檔http://getbootstrap.com/javascript/#tabs，您可以手動將選項卡設爲javascript或在元素上添加data-toggle="tab"或data-toggle="pill"。因此，您無法添加data-toggle="tab"或data-toggle="pill"，而是在需要時使用JavaScript來激活它們。正如評論已經提到的，你可以刪除href從<a>元素，以避免瀏覽器的attemts導航到指定網址上點擊，或onclick處理程序分配給這些a元素，並使用event.preventDefault()

來源

2014-08-28 06:15:03

不觸發Bootstrap選項卡點擊Click

回答

相關問題