代码之家 › 专栏 › 技术社区 › morizvonlanga

如果窗口宽度在800px和799px之间,JS是否起作用

between responsive width jquery javascript

-1

morizvonlanga · 技术社区 · 7 年前

    $(window).resize(function() {
  if ( $(window).width() > 799 && $(window).width() < 800 {
    location.reload();
  } else {}
});

我还编写了这段代码来检查页面重新加载后的宽度是否低于800

if ($(window).width() < 800) {
  // do some stuff
} else {}

我可能还可以使用一个函数,如果断点(例如:800px)被击中,它应该只切换一次,你有什么想法吗?

2 回复 | 直到 7 年前

P.S. 7 年前

你应该使用 >= <= > 和 < ,如下所示:

$(window).resize(function() {
  if ( $(window).width() >= 799 && $(window).width() <= 800 {
    location.reload();
  } else {}
});

> 799 && < 800 不会开火,因为799和800之间没有整数。

morizvonlanga 7 年前

var ww = $(window).width();
var limit = 800;
function refresh() {
   ww = $(window).width();
   var w =  ww<limit ? (location.reload(true)) :  ( ww>limit ? (location.reload(true)) : ww=limit );
}
var tOut;
$(window).resize(function() {
    var resW = $(window).width();
    clearTimeout(tOut);
    if ( (ww>limit && resW<limit) || (ww<limit && resW>limit) ) {
        tOut = setTimeout(refresh, 10);
    }
});

推荐文章

user5900363 · 具有引导功能的2列响应式布局4

7 年前

user9459537 · 响应式Web设计不适用于根据页面宽度仅显示一个div的情况

7 年前

Filip Vuskovic · Bootstrap 3.3.7 md上的列布局问题

7 年前

Bart · 获取图像以覆盖div,同时保持纵横比,而不使用css背景图像

7 年前

X3N4 · 在Materialize CSS中,如何在卡片面板中居中放置字体很棒的图标?

7 年前

manishk · 根据屏幕大小更改面板大小

7 年前

MaxCore · 禁用django 2.0管理响应行为

7 年前

user3410843 · 响应-将图标和文本对齐到菜单项的中心

7 年前

Perezo123 · 位置绝对元素:如何让他反应灵敏

7 年前

Madamadam · 文本右对齐到百分比大小的图像

7 年前