触发 jQuery 脚本 onLoad 和调整窗口大小答案

【问题标题】：Fire jQuery script onLoad and window resize触发 jQuery 脚本 onLoad 和调整窗口大小
【发布时间】：2015-10-02 02:05:29
【问题描述】：

这是我所在的地方：

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

脚本计算它包含的 div 的宽度，然后相应地布置画廊。它正确运行 onload （无论窗口宽度如何），但似乎不会在调整大小时触发。问题？使用我的媒体查询创建布局问题。

【问题讨论】：

这里讨论了这个问题：stackoverflow.com/questions/641857/… 和这里：stackoverflow.com/questions/599288/…
问题可能是您希望$ 引用jQuery。当函数作为ready 回调调用时确实如此，但作为对resize 事件的响应，它将引用事件对象。除此之外，您发布的代码看起来不错。
jQuery resize function doesn't work on page load的可能重复

【解决方案1】：

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

【讨论】：

【解决方案2】：

Justin W Hall，我在我的 chrome 控制台中试过这个：

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

而且效果很好。

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

【讨论】：