Question

我试图不在asp.net中触发bootstrap选项卡。这是我的HTML

<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');

我是Bootstrap的新手，因此我无法完成任务。我不想为此使用div。我想使用无法点击的标签。我在代码中遗漏了什么吗？我需要做什么？

Answer 1

根据bootstrap 3文档http://getbootstrap.com/javascript/#tabs，您可以手动设置标签，也可以在元素上添加data-toggle="tab"或data-toggle="pill"。因此，您无法添加data-toggle="tab"或data-toggle="pill"，而是在需要时使用javascript激活它们。正如评论中已经提到的那样，您可以从href元素中移除<a>，以防止浏览器的点击在点击时导航到给定的网址，或者为这些a分配onclick处理程序元素并使用event.preventDefault()

如何不触发Bootstrap选项卡单击？

1 个答案: