Javascript Fire jQuery脚本加载并调整窗口大小

这就是我现在的处境：

onResize = (function($) {
//Do stuff 
});
$(document).ready(onResize);
$(window).bind('resize', onResize);

---

该脚本计算其包含div的宽度，然后相应地布局一个库。它正确运行onload（无论窗口宽度如何），但似乎不会在调整大小时启动。问题是什么？我的媒体查询会产生布局问题。

您的代码在Chrome中正确运行。

您的代码在Chrome中正确运行。

Justin W Hall，我在Chrome控制台中尝试了以下操作：

onResize = (function($) { console.log('resized') });
    console.log('resized')
});
$(document).ready(onResize);
$(window).resize(onResize);

而且效果很好

---

另外，如果您运行此代码，您会注意到当您调整窗口大小时，onResize函数会触发两次（显示2条“已调整大小”的消息）。

Justin W Hall，我在我的chrome控制台中尝试了此操作：

onResize = (function($) { console.log('resized') });
    console.log('resized')
});
$(document).ready(onResize);
$(window).resize(onResize);

而且效果很好

---

注：如果您运行此代码，您会注意到在调整窗口大小时onResize函数会触发两次（显示2条“已调整大小”的消息）。

这里讨论了这个问题：这里：问题可能是您希望

$

引用

jQuery

。当函数被称为

ready

回调时，这是正确的，但作为对

resize

事件的响应，它将引用事件对象。除此之外，您发布的代码看起来不错。此处讨论了问题的可能重复：此处：问题可能是您希望

$

引用

jQuery

。当函数被称为

ready

回调时，这是正确的，但作为对

resize

事件的响应，它将引用事件对象。除此之外，你发布的代码看起来不错。可能的重复代码对我不起作用。控制台告诉我onRezie是一个未定义的函数。对我来说不起作用。控制台告诉我onRezie是一个未定义的函数。