在窗口调整大小时使用 jQuery 或 Javascript 关闭引导模式

Question

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

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

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

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

Answer 1

我相信你应该试试

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

而不是

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