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');