不触发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

回答

相关问题