在Windows上使用jQuery或Javascript关闭Bootstrap模式调整大小

Question

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

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

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

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

Answer 1

我相信你应该试试

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

代替

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