jqueryMobile

1、引用







data-role="page" 是显示在浏览器中的页面
data-role="header" 创建页面上方的工具栏(常用于标题和搜索按钮)
data-role="content" 定义页面的内容,比如文本、图像、表单和按钮,等等
data-role="footer" 创建页面底部的工具栏;


2.包含大量内容的 web 应用程序会影响加载时间(比如文本、链接、图像和脚本等等)。如


果您不希望在内部链接页面,请使用外部文件;

 

    转到页面二
 





 

    转到页面一
 




转到外部页面


3.页面跳转
jQuery Mobile 拥有一系列关于如何从一页过渡到下一页的效果。
注释:如需实现过渡效果,浏览器必须支持 CSS3 3D 转换;


过渡 描述
fade 默认。淡入淡出到下一页。
flip 从后向前翻动到下一页。
flow 抛出当前页面,引入下一页。
pop 像弹出窗口那样转到下一页。
slide 从右向左滑动到下一页。
slidefade 从右向左滑动并淡入到下一页。
slideup 从下到上滑动到下一页。
slidedown 从上到下滑动到下一页。
turn 转向下一页。
none 无过渡效果。
如果您希望页面从左向右滑动,而不是从右向左,请使用值为 "reverse" 的 data-direction 


属性。在后退按钮上是默认的。


4.按钮
   

   

    按钮

jQuery Mobile 中的按钮会自动获得样式,这增强了他们在移动设备上的交互性和可用性。我


们推荐您使用 data-role="button" 的 元素来创建页面之间的链接,而 或