下拉菜单不想保持打开状态

DROPDOWN not want to stay open

本文关键字：状态 不想 下拉菜单      更新时间：2023-09-26

大家好，我想寻求帮助，因为我的下拉菜单遇到了麻烦，正如您在下面的链接中看到的那样，它有两个选项卡，问题是当您必须更改页面以查看有问题的内容时，但是当您尝试更改页面时，下拉列表会关闭。谁能帮忙？链接：https：//jsfiddle.net/f0yzyryL/<i>please help</i>

使用以下代码： 

$(".nav li").click(function() {
  $(".dropdown-menu").addClass("nav-open");
});

添加此 css：

.nav-open {
  display: block !important;
}

这是一个链接：https://jsfiddle.net/vexqhyb9/1/

https://jsfiddle.net/9tywtn6z/

从 http://getbootstrap.com/javascript/#tabs-usage 中添加了 js 变体

而不是 http://getbootstrap.com/javascript/#markup

$('#tabs a').click(function (e) {
  e.preventDefault()
  $(this).tab('show');
  return false;
})

并删除了data-toggle="tab"属性

（或者您可以使用 http://getbootstrap.com/javascript/#tabs-events 来防止冒泡）

return false;防止在 jquery 中冒泡 - https://css-tricks.com/return-false-and-prevent-default/

相关文章：