点击 HTML 中的 Bootstrap 展开式菜单会关闭


正如你所见,无论何时打开展开式菜单且点击其他任何位置,展开式菜单都会关闭。 

使用下面给出的代码,可在点击后保持展开式菜单打开状态−

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

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

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

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

更新于: 04-Mar-2020

2K+ 浏览量

开启职业生涯

完成课程,获得认证

开始学习
广告
© . All rights reserved.