jQueryresizefunction不能在页面加载

我如何获得这个function不仅运行在窗口resize,而且在初始页面加载?

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

你会想要使用:

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

为了使事情发生onload。 如果你想要一些工作和onresize,你应该这样做:

 onResize = function() { /* your code */ } $(document).ready(onResize); $(window).bind('resize', onResize); 

我认为最好的解决scheme就是将其绑定到负载并调整事件大小:

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

此行为是devise使然。

你应该把你的代码放到一个命名的函数中,然后调用这个函数。

例如:

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

或者,您可以使插件自动绑定和执行处理程序:

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

请注意,如果处理程序使用event对象,它将无法正常工作,并且不会覆盖bind方法的每个重载。

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

没有和我一起工作。

尝试

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

代替。

(我知道这个问题是旧的,但谷歌送我在这里,所以…)

另一种方法,你可以简单地设置一个处理程序,并自己欺骗一个resize事件:

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