为什么bootstrap modal在关闭模态并锚定到页面

Question

除了关闭按钮外，我还有一个自举模式和按钮。所以我想要的是当我点击按钮时，模态将关闭并通过锚标签导航到同一页面。这有效，但问题是模式是删除或禁用滚动条。模态认为模态仍然是开放的。

我有这个：

$( "#silverB" ).click(function() {
  $("#myModal").hide();
  $(document.body).scrollTop($('#optin').offset().top);
});

Answer 1

您不应使用modal退出.hide()。而是使用它：

$("#myModal").modal("hide");

因为，当打开模态时，bootstrap会向body（.modal-open）添加更多类。但是当你“隐藏”模态时，它们不会重置。

来自docs：

  

.modal('hide')

     

手动隐藏模态。在模态实际被隐藏之前（即在hidden.bs.modal事件发生之前）返回调用者.`