| 文章简介：本文我们来深度认识一下jquery Mobile的内部设计原理中组件如何自动初始化。 |
本文我们来深度认识一下jQuery Mobile的内部设计原理中组件如何自动初始化
（注释：下面示例中的代码片段均来自1.1.0版本）
很多看过源码的同学或者使用过jquery mobile的同学们，大家有没有一个很大很大的问题：
——- jquery mobile提供了几个组件，他们如何自动初始化的？
！！重点说明：下面类似的自动初始化的流程多是在pagecreate触发后调用，有关pagecreate相关的说明可以查看我前面的相关介绍
我们挑选其中一个组件：listview
先看一张流程图：
源码示例：
//#5193 绑定在pagecreate里面 $(document).bind("pagecreate create",function(e){ //调用enhanceWithin，传递了一个参数:target(dom对象) $.mobile.listview.prototype.enhanceWithin(e.target); });
1、$.mobile.listview.prototype.enhanceWithin
//#1203 enhanceWith:function(target,useKeepNative){ //调用this.enhance //这边注意：会读取options.initSelector来过滤选择 this.enhance($(this.options.initSelector,$(target)),useKeepNative); },
2、enhance
//1207 enhance:function(targets,useKeepNative){ var $widgetElements = $(targets); //...... $widgetElements = $.mobile.enhanceable($widgetElements); //注意： //this.widgetName:listview ===> 在#979行装载进来的widgetName:name //转换为调用插件式 //$(selector)["listview"](); $widgetElements[this.widgetName](); },
欢迎大家阅读《jQuery Mobile教程:组件如何自动初始化…_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jQuery Mobile教程:组件如何自动初始化_js
转载请注明原文链接：jQuery Mobile教程:组件如何自动初始化_js
