javascript - bootstrap 选项卡单击 preventDefault 不起作用

Question

我正在使用 bootstrap 3.3 并遵循选项卡的文档。

文档中给出的最简单的代码对我不起作用，我无法弄清楚原因。

$('#mainTabs a').click(function (e) {
            e.preventDefault()
            console.log('Clicked');
        });

当我使用

show.bs.tab

事件，preventDefault 有效。但出于某种原因，点击没有。控制台正在打印“已单击”，但不会阻止选项卡更改。

基本上我试图拦截标签更改，显示模式并根据用户输入显示或不显示新标签。

请帮忙。

Answer 1

如果 e.preventDefault(); 不起作用，您必须改用 e.stopImmediatePropagation();。

有关更多信息，请查看:What's the difference between event.stopPropagation and event.preventDefault?

$("#mainTabs a").click(function(e) {
     e.stopImmediatePropagation();
});

如果您已将其他事件处理程序附加到链接，您应该查看 e.stopPropagation() 和 e.stopImmediatePropagation()。请注意，返回 false 等同于同时调用 event.preventDefault() 和 event.stopPropagation()。

编辑 ==========

使用return false;。