如何防止在某些情况下切换Bootstrap菜单选项卡？

Question

我有一个Bootstrap导航菜单，如下所示：

<li class="nav-item">
    <a class="nav-link active" href="#">Tab 1</a>
</li>
<li class="nav-item">
    <a class="nav-link" href="#">Tab 2</a>
</li>
<li class="nav-item">
    <a class="nav-link" href="#">Tab 3</a>
</li>

我希望某些选项卡在某些条件下不会被切换，例如某个变量是某个值：

if (doNotToggle) {
    alert("Do not toggle");
}

我在其中实现的程序已经具有非Bootstrap菜单，并且我已经将其替换为Bootstrap版本，并且以前在这种情况下菜单不会切换。但是，在此示例alert语句中放置一个断点，然后遍历代码并不能向我显示Bootstrap代码在什么时候使新切换处于活动状态，因此我不确定如何防止这种情况发生。有人有什么想法吗？谢谢！