Question

我发现自己正在为移动创建代码，然后在调整大小函数中包装相同的块。

是否有更浓缩/更优雅的写作方式：

if ($(window).width() <= 767) {
    // do something
}
$(window).resize(function() {
    if ($(window).width() <= 767) {
        // do same thing as above
    }
});

Answer 1

$(window).resize(function() {
  if ($(window).width() <= 767) {
    // do something
  }
});

// call resize once at startup
$(function() {
  $(window).trigger("resize");
});

Answer 2

怎么样

function doSomething() {
  if ($(window).width() <= 767) {
  // do something
  }
}

$(window).on("resize size-init", doSomething).trigger("size-init");

通过CSS媒体查询尽可能做到这一点也是一个好主意。

简化这个：if（xyz）//在resize上执行某些操作

2 个答案: