jQuery技术

jQuery的ready方法详解(2)

字号+ 作者:H5之家 来源:H5之家 2016-01-16 11:21 我要评论( )

fcRHTML5中文学习网 - HTML5先行者学习网 ready: function( wait ) fcRHTML5中文学习网 - HTML5先行者学习网 { fcRHTML5中文学习网 - HTML5先行者学习网 if ( wait === true --jQuery.readyWait : jQuery.isReady )

fcRHTML5中文学习网 - HTML5先行者学习网
ready: function( wait )fcRHTML5中文学习网 - HTML5先行者学习网
 {fcRHTML5中文学习网 - HTML5先行者学习网
 if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { fcRHTML5中文学习网 - HTML5先行者学习网
  //判断页面是否已完成加载并且是否已经执行ready方法fcRHTML5中文学习网 - HTML5先行者学习网
  return;fcRHTML5中文学习网 - HTML5先行者学习网
 }fcRHTML5中文学习网 - HTML5先行者学习网
 if ( !document.body ) {fcRHTML5中文学习网 - HTML5先行者学习网
  return setTimeout( jQuery.ready );fcRHTML5中文学习网 - HTML5先行者学习网
 }fcRHTML5中文学习网 - HTML5先行者学习网
 jQuery.isReady = true; //指示ready方法已被执行fcRHTML5中文学习网 - HTML5先行者学习网
 if ( wait !== true && --jQuery.readyWait > 0 ) {fcRHTML5中文学习网 - HTML5先行者学习网
  return;fcRHTML5中文学习网 - HTML5先行者学习网
 }fcRHTML5中文学习网 - HTML5先行者学习网
 readyList.resolveWith( document, [ jQuery ] );fcRHTML5中文学习网 - HTML5先行者学习网
 if ( jQuery.fn.trigger ) {fcRHTML5中文学习网 - HTML5先行者学习网
  jQuery( document ).trigger("ready").off("ready"); fcRHTML5中文学习网 - HTML5先行者学习网
 }fcRHTML5中文学习网 - HTML5先行者学习网
},fcRHTML5中文学习网 - HTML5先行者学习网

fcRHTML5中文学习网 - HTML5先行者学习网

总结:fcRHTML5中文学习网 - HTML5先行者学习网

 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload 前加载!!!)fcRHTML5中文学习网 - HTML5先行者学习网
一般样式控制的,比如图片大小控制放在onload 里面加载;fcRHTML5中文学习网 - HTML5先行者学习网
jS事件触发的方法,可以在ready 里面加载;fcRHTML5中文学习网 - HTML5先行者学习网

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
2