在 windows 调整大小时使用 jQuery 或 Javascript 关闭 Bootstrap 模态

Question

如果浏览器 windows 宽度小于 700px，我如何关闭 Bootstrap 模式？我试过 jQuery 这样的：

$(window).resize(function() {
  if ($(window).width() < 700) {

    $("#modal").hide( 0, function() {});
    $("body").removeClass("modal-open");
    $(".modal-backdrop").hide( 0, function() {});
 }
});

我在页面的 50% 处有模态内容，当 window 小于 700px 时，内容会移动到模态中。效果很好，但是如果我用上面的方法调整 windows 的大小，我会遇到一些问题，我将不得不按下按钮打开模式两次。如果我不调整 windows 的大小并且我用 X 关闭模态，那么它工作得很好所以我必须找到一种方法来在 windows 调整大小时关闭模态。

Answer 1

我相信你应该试试

$('#modal').modal('hide');

而不是

$('#modal').hide();

在 windows 调整大小时使用 jQuery 或 Javascript 关闭 Bootstrap 模态

Close Bootstrap modal with jQuery or Javascript on windows resize

jquery

modal-dialog

twitter-bootstrap