jquery mobile

四、页面跳转

两种跳转方式

1.ajax

也是jquery mobile的默认方式

第一种页面跳转

<a href="dialog/index.html" data-role="button" data-rel="back" data-theme="c">Cancel</a>

data-rel="back"属性将忽视href属性 默认data-ajax="true"

jquery mobile是默认通过ajax切换页面的

2.传统的方式

<a href="index2.htm">第 2 页</a>

在ff中可以正常使用，但是在chrome中不会跳转。

必须使用ajax='false'，如下：

<a href="index2.htm" ajax='false'>第 2 页</a>

五、对话框

通过设置data-rel="dialog"，来打开一个对话框。

<a href="foo.html" data-rel="dialog">Open dialog</a>

4.对话框过渡效果 <a href="foo.html" data-rel="dialog" data-transition="pop">Open dialog</a>
属性可选值：pop（默认）, fade，flip，turn，flow，slidefade，slide，slideup，slidedown，none