jquery mobile 手机开发框架分析 (一)
jquery mobile 是一个基于html，js，css而进行开发的手机框架工具，即是，类似一个网站一般，多个html，jquery实现参数传递，部分特效效果等，css实现UI和部分特效；和网站的区别就是应为是手机客户端开发，所以没有服务器脚本语言。既然是html，就会有head，body等标签，jq mobile 的框架在进入app时，有mobileinit的事件，不过这个时间要在jquery.js引入，但是jquery mobile还没引入时就定义，就是

</div>

</body>

在每次a标签或者$.mobile.changePage()事件的时候，改变的都是<div data-role="page"></div>的内容。

笔者研究发现，jquery mobile的页面里，最多有两个<div data-role="page"></div>，在这两个div里面，第二次出现的div里会有data-external-page="true"这个属性，而且，第一个进入的div是永远停留在那里，不会被替换，也就是说，引入新的页面，都是在第二个<div data-role="page"></div>（带有data-external-page="true"这个属性）的div层里进行替换加载；可以做个分类，有12345个页面，从小到大连接过去，那么1一直都占着一个<div data-role="page"></div>，2345就在不停的替换第二个<div data-role="page"></div>；这个说的深入了。那如何按需加载呢？当我们把要进入的js写在新的html的<div data-role="page"></div>里面就可以，就是

$(document).bind('pagebeforechange',function(e,data){if (typeof data.toPage !== "string"){        return;    }    ... ... });

第一个记录到此。