简化这个：如果（xyz）//做一些和调整大小相同的事情

Question

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

有没有更简洁/更优雅的写法：

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

Answer 1

怎么样

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

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

通过 CSS 媒体查询尽可能多地做可能也是个好主意。

Answer 2

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

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

简化这个：如果（xyz）//做一些和调整大小相同的事情

Simplify this: if (xyz) // do something and same on resize

javascript

mobile

resize

simplify