jQuery resize函数没有'；无法在页面加载时工作

如何使此函数不仅在调整窗口大小时运行，而且在初始页面加载时也运行

$(window).resize(function() {
...  
});

---

这种行为是故意的

您应该将代码放入一个命名函数中，然后调用该函数

例如：

function onResize() { ... }

$(onResize);
$(window).resize(onresize);

---

或者，您可以制作一个插件来自动绑定和执行处理程序：

$.fn.bindAndExec = function(eventNames, handler) {
    this.bind(eventNames, handler).each(handler);
};

$(window).bindAndExec('resize', function() { ... });

请注意，如果处理程序使用

事件

对象，它将无法正常工作，并且它没有覆盖

绑定

方法的所有重载。

您将需要使用：

$(document).ready(function() { /* your code */ });

使某事在装载时发生。如果您想在加载和调整大小时使用某些功能，则应执行以下操作：

onResize = function() { /* your code */ }

$(document).ready(onResize);

$(window).bind('resize', onResize);

跟我没关系

试一试

相反

---

（我知道这个问题很老了，但谷歌把我送到这里来了，所以…

另一种方法，你可以简单地设置一个处理程序，然后自己伪造一个调整大小的事件：

// Bind resize event handler through some form or fashion
$(window).resize(function(){
  alert('Resized!');
});

// Trigger/spoof a 'resize' event manually
$(window).trigger('resize');

---

我认为最好的解决方案是将其绑定到load and resize事件：

$(window).on('load resize', function () {
    // your code
});

---

这是最直截了当的答案，这使它简单明了。

// Bind resize event handler through some form or fashion
$(window).resize(function(){
  alert('Resized!');
});

// Trigger/spoof a 'resize' event manually
$(window).trigger('resize');

$(window).on('load resize', function () {
    // your code
});