如何删除引导下拉列表的preventDefault行为

How to remove preventDefault behaviour of Bootstrap dropdown

本文关键字：下拉列表 preventDefault 行为 何删除 删除      更新时间：2023-12-10

我在标记中使用Bootstrap 3下拉菜单。但除了默认行为之外，如果我在元素上悬停，它应该会弹出。所以我创建了一个小脚本：

jQ('.dropdown').hover(function() {
    jQ(this).find('.dropdown-menu').stop(true, true).delay(50).fadeIn();
}, function() {
    jQ(this).find('.dropdown-menu').stop(true, true).delay(50).fadeOut();
});

它运行良好。但由于某种原因，当我想将第一个项目（触发悬停）作为链接时，Bootstrap下拉菜单会阻止重定向到另一个页面。我点击了链接，什么也没发生，它只附加了一个类.open。只有右键单击并选择open destination in new tab，我才能打开链接。我该怎么解决这个问题？

感谢

只需从按钮中删除data-toggle="dropdown"属性（我想它是锚标记）：

<a class="btn btn-default dropdown-toggle" href="http://somewhere" target="_blank" id="dropdownMenu1" >
    Dropdown
    <span class="caret"></span>
</a>

JSFiddle

data-toggle属性是引导程序的一个指示符，事件应该绑定到元素，取决于属性值：

data-toggle="dropdown"
data-toggle="tooltip"
data-toggle="modal"
data-toggle="popover"
data-toggle="tab"
data-toggle="collapse"
data-toggle="button"

注意：在"点击打开链接"的情况下，您可能会在移动设备上遇到问题。

相关文章：