在windows上使用jQuery或Javascript关闭引导模式调整大小

如果浏览器窗口宽度小于700px，如何关闭引导模式？我尝试过使用jQuery，如下所示：

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

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

$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<700）{
$（“#modal”）.hide（0，function（）{}）；
$（“正文”）.removeClass（“模式打开”）；
$（“.modal background”）.hide（0，function（）{}）；
}
});

---

我有50%的页面模式的内容，当窗口小于700px时，内容进入模式。这是伟大的工作，但如果我调整窗口与上述方法，我会有一些问题，我将不得不按下按钮打开模式两次。如果我不调整窗口大小，并用X关闭模式，效果会更好，因此我必须找到一种方法在调整窗口大小时关闭模式。

我认为您应该尝试

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

而不是

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

---

我相信你应该试试

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

而不是

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

---

添加媒体屏幕CSS有效吗？就像模态是隐藏的，当它变小的时候，它会重新出现，或者你希望它真的关闭吗？在你的函数中，你也可以做$（关闭按钮）。单击（）添加媒体屏幕CSS会起作用吗？就像模态是隐藏的，当它变小的时候，它就会重新出现，或者你希望它真的关闭吗？在你的函数中，你也可以做$（关闭按钮）。点击（）