jquery - 如何使用 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()

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