jQuery Mobile 弹窗

弹窗的基本写法

弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。
弹窗可用于显示一段文本,图片,地图或其他内容。

创建一个弹窗,需要使用 <a><div> 元素。在 <a> 元素上添加 data-rel=”popup” 属性, <div> 元素添加 data-role=”popup” 属性。 接着我们为 <div> 指定 id, 然后设置 <a> 的 href 值为<div> 指定的 id。 <div> 中的内容为弹窗显示的内容。
注意: <div> 弹窗与点击的 <a> 链接必须在同一个页面上。
Demo

jQuery Mobile 简介

jQuery Mobile 是一个用于创建移动端web应用的的前端框架;
jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架;
jQuery Mobile 工作与所有主流的智能手机和平板电脑上;
jQuery Mobile兼容所有的移动设备,但是并不能完全兼容PC机(由于有限的CSS3支持)

jQuery Mobile 安装

可以通过以下几种方式将jQuery Mobile添加到你的网页中:

从 CDN 中加载 jQuery Mobile

** CDN ** :CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。