客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
jQuery Mobile 页面开始学习 jQuery Mobile
实例 <body> <div data-role="page"> <div data-role="header"> <h1>欢迎来到我的主页</h1> </div> <div data-role="content"> <p>我现在是一个移动端开发者!!</p> </div> <div data-role="footer"> <h1>底部文本</h1> </div> </div> </body> 尝试一下 » 实例解析：
在页面中添加 jQuery Mobile使用 jQuery Mobile, 你可以在单个 HTML 文件中创建多个不同的页面。 你可以使用不同的href属性来区分使用同一个唯一id的页面： 实例 <div data-role="page" id="pageone"> <div data-role="content"> <a href="#pagetwo">Go to Page Two</a> </div> </div> <div data-role="page" id="pagetwo"> <div data-role="content"> <a href="#pageone">Go to Page One</a> </div> </div> 尝试一下 » 注意： 当web应用有大量的内容（文本，图片，脚本等）将会严重影响加载时间。如果你不想使用内页链接可以使用外部文件： <a href="externalfile.html">访问外部文件</a> 页面作为对话框使用对话框是用于显示页面信息显示或者表单信息的输入。 在链接中添加data-rel="dialog"让用户点击链接时弹出对话框: 实例 <div data-role="page" id="pageone"> <div data-role="content"> <a href="#pagetwo" data-rel="dialog">Go to Page Two</a> </div> </div> <div data-role="page" id="pagetwo"> <div data-role="content"> <a href="#pageone">Go to Page One</a> </div> </div> 尝试一下 »  |
请发表评论