检查加载时的窗口大小以及根据条件调整大小

用户3450125

我正在构建一个脚本,当窗口大小小于783px时,该脚本需要更改某个脚本的全部功能,因此我找到了解决方案

if(jQuery(document).width() < "783" && myvar=="1"){
//do things for screens under 783px
}

但是它仅在第一次加载站点时屏幕小于783px时才有效,现在我也想检查调整大小,因为CSS媒体查询有效并且混乱了。我需要这样的东西:

if((document).width()<783 && myvar=="1" || onresize(document.width<783) && myvar=="1"){
//do things for screens under 783px
}

谁能帮我这个?我试着用

jQuery(window).on("resize", function () {
//do my things for under 783px
}).resize();

但这似乎行不通,如果有人有其他建议,请分享。

高朗·丹顿(Gaurang Tandon)

使用:

function check() {
    if ($(document).width() < 783 && myVar === "1") { // use `===` and no quote around 783
        console.log("y");
    }
}

check(); // first-time check

$(window).resize(function () {  // no `on` here
    check();
}); // no `.resize()` needed here

演示

注意:将整个包裹 $(window).load()

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JavaScript调整大小并加载,根据窗口宽度移动元素

来自分类Dev

调整窗口大小且仅包含特定HTML元素时,如何重新加载网页

来自分类Dev

根据窗口内容自动调整窗口大小

来自分类Dev

根据变量迅速调整窗口大小

来自分类Dev

窗口未调整大小

来自分类Dev

动态调整pixi阶段的大小,其内容在窗口大小调整和窗口加载上

来自分类Dev

调整窗口的大小

来自分类Dev

jQuery在满足某些条件时调整窗口大小和文档加载

来自分类Dev

根据窗口大小调整div以及内部内容的大小

来自分类Dev

无法调整窗口大小

来自分类Dev

计算窗口大小调整时的圆圈大小

来自分类Dev

Tkinter窗口调整大小

来自分类Dev

CSS窗口根据浏览器高度调整大小

来自分类Dev

如何获得加载时div元素的宽度以及如何调整其大小?

来自分类Dev

无法调整窗口大小

来自分类Dev

MS Word根据窗口大小调整图像大小

来自分类Dev

无法调整窗口大小

来自分类Dev

调整表格加载大小

来自分类Dev

字体大小根据窗口大小重新调整大小

来自分类Dev

更改焦点时禁用窗口调整大小

来自分类Dev

窗口大小调整时的jQuery函数

来自分类Dev

窗口未调整大小

来自分类Dev

引导窗口崩溃时触发窗口调整大小

来自分类Dev

根据窗口大小触发不同的功能调整窗口大小

来自分类Dev

根据内容调整弹出窗口的大小 - CSS

来自分类Dev

在页面加载时使用图像调整 div 大小并调整窗口大小

来自分类Dev

tkinter 网格不根据窗口大小调整大小

来自分类Dev

调整窗口大小 Jquery

来自分类Dev

如何根据窗口大小调整元素大小