Javascript 显示模态时隐藏下拉列表

我的模态窗口有一个小问题，出于某种原因，我无法解决这个问题。 在手机上，我有一个汉堡包菜单，菜单上有一个登录链接，打开一个模式窗口。 一切正常，模态显示，但问题是：下拉菜单显示在我的模态顶部

我试图用以下方法隐藏它：

$(document).ready(function() {

  var modal = $('.modal'); //get modal window

  if(modal.hasClass("in")){ //check if it has class "in"
    $('.navbar-toggleable-md').hide(); //true, hide navbar
  }

}); // end ready

---

我错过了什么？因为上面的代码没有任何作用。

我认为我们的模型中的z-index有问题。增加模型的z索引。

---

或者请向我们提供您的代码。

您需要在

.modal

上捕获事件

show.bs.modal

或

show.bs.modal

。大概是这样的：

$(document).ready(function() {
    $('.modal').on('shown.bs.modal', function (e) {
        $('.navbar-toggleable-md').hide();
});
});

---

阅读引导文档：

将模态的

z-index

设置为大于下拉列表的

z-index

。 例如：

.modal {
    z-index: 999;
}
.dropdown {
    z-index: 99;
}

---

你能发布完整的代码吗？你应该把它隐藏在菜单的点击处理程序中。您的代码将只检查一次类$（'.navbar toggle'）。触发器（'click'）似乎是

z-index

问题。增加模态的

z-index

，使其大于菜单的

z-index

。请提供您的代码。这可能是z-index的问题确实是z-index的问题，但这不是我想在这里实现的。因为即使我设置了z-索引，菜单也会在后面，例如，它仍然会显示在表上。但是，他对这次事件的看法是正确的。这就解决了问题。谢谢我会读更多关于这些的内容。