如何使用jquery插件检测窗口宽度

Question

我正在使用响应式设计，因此我需要获得窗口的宽度。

这是一个jquery解决方案。

 $(document).ready(function{
   var width = $(window).width();
   $(window).resize(function(){
     width = $(window).width();
   })

   if(width <= 480){
     //do something
  }

 })

现在，我有以下问题：

我可以像在这里一样在每个模板中调用'detectWidth'吗？

  if(detectWidth <= 480){
      //do something
  }

即使我调整屏幕大小，'detectWidth'也会返回正确的大小吗？

此致

Answer 1

您可以执行以下操作以获取当前窗口的宽度：

$(window).width()

是的，即使用户改变了窗口的大小，它也会提供更新的数量。