Jquery mobile 总结（一）
1、预加载与页面缓存（1）预加载
在新建的HTML页面中添加一个<a>元素，将该元素的href属性设置为about.html,并将data-prefetch属性设置为true,表示预加载a元素的链接页面。
调用javascript中的全局性方法$mobile.loadPage()来预加载指定的目标HTML页面，其效果与设置元素的data-prefench属性是一致的
（2）页面缓存
将HTML页面中page容器的data-dom-cache属性设置为true,可以将该页面的内容注入到文档的缓存中
调用javascript中的全局性方法$mobile.page.prototype.options.domCache=true,效果和设置page容器的data-dom-Cache是一样的。
2、页面的脚本
页面在初始化时，会触发pagecreate事件，在该事件中可以做一些页面的初始化工作；如果需要通过javascript来改变当前的工作页面，可以调用jquery mobile中提供的changePage()页面（这个方法可以设置跳转页面的URL地址，跳转时的动画效果和所携带的数据），还可以调用loadPage()方法来加载指定的外部页面，注入当前文档中。
例如使用changePage()进行跳转页面的操作如下：
<scripttype = "text/javacript">
$(function(){
$mobile.changePage("about.html",{transition:"slideup"})
})
</script>
还可以传递数据如下：
<scripttype="text/javascript">
$mobile.changePage("login.jsp",
{
type:"post",
data:$("form#login").serialize()
},
"pop",false,false
)
</script>
上述代码表示：将“id”号为login的表单数据进行序列化后，传递给“login.jsp”页面进行处理，"pop"表示页面跳转的效果，第一个false表示跳转时的方向，如果为true则表示反方向跳转，默认为false;第二个false表示完成后是否更新浏览记录，默认值为true，表示更新。
3、事件
在javascript中，可以用live()方法绑定元素出发的事件，还可以使用bind()和delegate()为绑定的元素添加指定的事件
页:
[1]