($(window).width()> 768)不以768px断开

时间:2019-03-26 15:11:39

标签: jquery

问题在于断点似乎是783px,而不是我在if语句中指定的768px。

自从我使用Bootstrap以来,我需要提供一些基于Bootstraps断点的代码。我也尝试过innerWidth,但是不起作用。媒体查询也不是一种选择,因为我需要使用JavaScript来更改DOM。它也必须是jQuery,因为这就是我们在我工作的公司所使用的。请参见下面的示例代码:

if ($(window).width() > 768) {
   $("#search").insertAfter(".search-webb");
   $("#pages").insertAfter(".page-webb");
}else {
   $("#search").insertAfter(".search-mobile");
   $("#pages").insertAfter(".page-mobile");
}

1 个答案:

答案 0 :(得分:0)

应用滚动条有时给我带来麻烦。不得不这样解决:

(window).matchMedia("(min-width: 767.98px)").matches

像魅力一样工作。