HTML 中 Bootstrap 下拉菜单点击后关闭

htmlbootstrapweb developmentfront end technology更新于 2025/8/18 14:36:17

您可能已经看到,每当您打开下拉菜单并点击其他任何位置时,下拉菜单都会关闭。

使用以下代码,下拉菜单可以在点击后保持打开状态−

$('#myDropdown').on('hide.bs.dropdown', function () {
   return false;
});

另一种选择是处理 click 事件 −

也可以使用以下代码处理 click 事件。event.stopPropagation() 方法会停止事件冒泡到父元素。它会阻止任何父事件处理程序被执行 −

$('#myDropdown .dropdown-menu').on({
   "click":function(e) {
       e.stopPropagation();
    }
});

有用资源