如何在窗口调整大小时调用jQuery中的函数？答案

【问题标题】：How to call a function in jQuery on window resize?如何在窗口调整大小时调用jQuery中的函数？
【发布时间】：2012-05-05 23:05:57
【问题描述】：

我有这个代码：

<script>
            $(document).ready(function larg(){
            var larghezza = $(document).width();
            $("p.width").text("The width for the " + larghezza + 
                " is px.");
            });

            $(window).resize(function() {
            larg(); 
            });
            </script>

我想在窗口调整大小时调用函数“大”，但它不起作用.. 该怎么做？？

谢谢

【问题讨论】：

标签： jquery function

【解决方案1】：

你不能这样声明函数，像这样使用它。

<script>
 $(document).ready(larg);

 $(window).resize(larg);

 function larg(){
  var larghezza = $(document).width();
  $("p.width").text("The width for the " + larghezza + " is px.");
 }
</script>

编辑：稍微修改了代码，感谢评论者

【讨论】：

+1。我认为$(document).ready(larg); $(document).resize(larg); function larg(){ ... } 也应该可以工作。
@Eddie 正确。和$(window).resize(larg);一样。
如果我想将变量传递给函数，例如function larg(foo){}我试过$window.resize(larg(myVar));但没有结果。
您是否在匿名函数的范围之外声明了 var？当你像这样声明它时它会起作用：jsfiddle.net/UVXF3
老问题，但你不应该在使用之前定义function吗？

【解决方案2】：

请调用以下方法：

window.dispatchEvent(new Event('resize'));

【讨论】：