Question

我无法找到最佳方法。我有多个条件查看浏览器宽度并根据窗口大小对其进行处理。

$.fn.browserWidth = function() {
  if (document.documentElement.clientWidth >= 1024) {
  //do something
  }

  if (document.documentElement.clientWidth <= 1000 && document.documentElement.clientWidth >= 700)  {
  //do something
  }

  if (document.documentElement.clientWidth <= 450) {
  //do something
  }
};

我刚刚展示了更多的案例3.我想做的就是能够轻松实现在另一个文件中传入宽度参数，并沿着这些行做一些事情。

if(browserWidth(900)){
   //dos something.
}

if(browserWidth(400)){
   //do something
}

也许我只是在考虑这个问题，但我已经在这个问题上花了好几个小时。请包括代码样本，因为我学得最好。谢谢！

Answer 1

为了实现您想要的示例，您可以定义一个带width参数的函数，并根据浏览器宽度返回true或false。

function browserWidth(width) {
    return document.documentElement.clientWidth <= width;
}

if (browserWidth(900)) {
    // do something.
}

if (browserWidth(400)) {
    // do something
}

顺便说一句 - 如果您使用这些浏览器宽度条件来操纵页面上的内容，请查看CSS media queries。

jQuery - 传递多个窗口大小参数的函数

1 个答案: