我试图不触发 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。我想使用无法点击的标签。我的代码中是否遗漏了什么？我需要做什么？
最佳答案
根据 bootstrap 3 文档 http://getbootstrap.com/javascript/#tabs您可以通过手动使用 javascript 或通过添加 data-toggle="tab" 来激活选项卡或 data-toggle="pill"在一个元素上。
所以你不能添加 data-toggle="tab"或 data-toggle="pill"而是在需要时使用 javascript 激活它们。
正如评论中已经提到的，您可以删除 href来自 <a>元素以防止浏览器尝试在单击时导航到给定的 url，或将 onclick 处理程序分配给这些 a元素和用途event.preventDefault()
关于javascript - 单击时如何不触发 Bootstrap 选项卡？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25541524/