JQuery 在$(window).laod() 事件中 不运行 $(window).resize()

本文转载至: http://stackoverflow.com/questions/2597152/jquery-window-resize-doesnt-work-on-load

原文标题   :JQuery: $(window).resize() doesn‘t work on Load

解决办法总结下  主要有这几种:

方法一:建立一个函数 把你要Resize 的动作写上  然后在  load的时候调用 在resize 的事后也也调用一下

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

$(document).ready(onResize);

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

方法二:为window 绑定两个时间  onload  和 resize

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

方法三: 在onload 的时候用trigger  执行resize事件

$(window).resize(function(){
  alert(‘Resized!‘);
});

$(window).trigger(‘resize‘);

反正个人认为第三种是最方便的!  就是不知道运行效率等等的  有没有其他的问题!

时间: 2024-12-20 17:28:47

JQuery 在$(window).laod() 事件中 不运行 $(window).resize()的相关文章

javascript事件之:jQuery事件中实例对象和拓展对象之间的通信

我们总结过jQery事件中的实例原型对象对外接口和拓展对象,现在我们看看他们是如何进行通信联系的. 先来看便捷方法: 1 //调用的还是实例对象下的on()和trigger() 2 jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + 3 "mousedown mouseup mousemove mouseover mouseout mouseenter

js文件最后加载(在window.load事件发生后再加载js文件),用于解决因jQuery等js库导致网页加载慢的问题

需引入文件:lazyload-min.js <script src="JS/lazyload-min.js" type="text/javascript"></script> 插入代码: function loadscript() { LazyLoad.loadOnce([ 'JS/touch.js', 'http://libs.baidu.com/jquery/1.2.3/jquery.min.js' ], loadComplete); }

jquery源码中的(function(window, undefined){})(window)【转】

(function( window, undefined ) {})(window);这个,为什么要将window和undefined作为参数传给它? (function( $, undefined ) {})(jQuery); 同理 因为 ecmascript 执行JS代码是从里到外,因此把全局变量window或jQuery对象传进来,就避免了到外层去寻找,提高效率.undefined在老一辈的浏览器是不被支持的,直接使用会报错,js框架要考虑到兼容性,因此增加一个形参undefined. 还

javascript中window.event事件用法详解

转自http://www.jb51.net/article/32564.htm描述 event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. 复制代码代码如下: <

JFace dailog button事件中刷新透视图异常 Trying to execute the disabled command org.eclipse.ui.window.closePerspective

报错的代码为 protected void buttonPressed(int buttonId) { Display.getDefault().syncExec(new Runnable() { public void run() { localpmtsStreamViewsAction.refreshPerspective(localviewId, localw); } }); super.buttonPressed(buttonId); } 抛异常: org.eclipse.core.co

JQuery基础教程:事件(上)

在页面加载后执行任务      之前我们已经知道了$(document).ready()是jQuery基于页面加载执行任务的一种主要方式,但是要知道原生的window.onload事件也可以实现相同的效果,虽然这两个方法具有类似的效果,但是,它们在触发操作的时间上存在着微妙的差异,这种差异只有在加载的资源多到一定程度时才会体现出来 当文档完全下载到浏览器中时,会触发window.onload事件,而$(document).ready()则会在DOM完全就绪并可以使用时调用,虽然这也意味着所有元素

从jQuery的缓存到事件监听

很久以前,我还在cnblogs里面逛的时候就提出过一个问题(刚找了半天没找到).不知道大家有没有发现,用jQuery选择器"选择"之后的DOM上会添加jQuery*********属性. <DIV id=d1 jQuery1294122065250="1">abc </DIV> 首先jQuery1294122065250中的"1294122065250"其实是一个时间戳.看看jQuery的源代码. var expando 

jQuery 页面加载事件

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 一般样式控制的,比如图片大小控制放在onload 里面加载; jS事件触发的方法,可以在ready 里面加载; 用jQ的人很多人都是这么开始写脚本的: 通常的写法 复制代码 代码如下: $(function(){ // do something }); 其实这个就是jq ready

Jquery基础入门-3-JQuery事件相关介绍

14-JQuery事件相关介绍-132:20 15-JQuery事件相关介绍-233:19 <strong>一.$(document).ready()和window.onload方法区别?</strong><br /> 1. 执行时机不同:<br /> ◆ window.onload方法是在网页中的元素(包括元素的所有关联文件)完全加载到浏览器后执行,即JavaScript此时才可以访问网页中的任何元素.<br /> ◆ 而$(document)