首页 > 代码库 > 小强的HTML5移动开发之路(50)——jquerymobile页面初始化过程

小强的HTML5移动开发之路(50)——jquerymobile页面初始化过程

为了方便说明和更加直观的展示jquerymobile的页面初始化过程以及各个事件的触发过程,我绘制了一幅流程图:


图中用红色框圈起来的是界面中的事件,测试代码如下:

<!DOCTYPE html>
<html>
<head>
<title>练习</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, 
      initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
<link href=http://www.mamicode.com/"css/jquery.mobile-1.0.1.min.css" >除了上面介绍的事件外,还有onload事件。当所有相关内容(包括图片)加载完成后会触发onload事件。因为受到图片等内容的影响,onload事件的触发时间比较晚。虽然在页面开发中也会用到onload事件,但是在jQuery Mobile开发中,主要使用的是mobileinit、ready()和pageinit这3种初始化事件。