Learning Path
浏览 jQuery Mobile 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
54
jQuery Mobile 教程 jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。 在线实例 通过我们的在线编辑器，你可以编辑代码，并查看运行结果。 实例 [mycode3 type='html'] 页面标..
jQuery Mobile orientationchange 事件 jQuery Mobile 事件 实例 在用户翻转移动设备室弹出一些文字信息： $(window).on('orientationchange',function(){ alert('方向已改变!');}); 尝试一下 » 定义和用法 orientationchange 事件是在用户水平或者垂直翻转..
jQuery Mobile pagebeforecreate 事件 jQuery Mobile 事件 实例 在页面在初始化时，增强开始之前，弹出一些文本信息： $(document).on('pagebeforecreate',function(){ alert('pagebeforecreate 事件触发!')}); 尝试一下 » 定义和用法 pagebefore..
jQuery Mobile pagebeforehide 事件 jQuery Mobile 事件 实例 在页面切换后旧页面隐藏之前弹出文本信息: $(document).on('pagebeforehide','#pagetwo',function(){ alert('pagebeforehide 事件触发 - 页面二即将被隐藏');}); 尝试一下..
jQuery Mobile pagebeforeload 事件 jQuery Mobile 事件 实例 在载入请求前弹出信息: $(document).on('pagebeforeload',function(){ alert('pagebeforeload 事件触发!');}); 尝试一下 » 定义和用法 pagebeforeload 是在任何加载之前触发的事件。 相..
jQuery Mobile pagebeforeshow 事件 jQuery Mobile 事件 实例 在页面切换后显示之前，弹出文本信息: $(document).on('pagebeforeshow','#pagetwo',function(){ alert('pagebeforeshow 事件触发 - 页面二即将展示');}); 尝试一下 » ..
jQuery Mobile pagecontainerbeforeload 事件 jQuery Mobile 事件 实例 在请求载入前弹出信息： $(document).on("pagecontainerbeforeload",function(){ alert("pagecontainerbeforeload 事件触发!");});..
jQuery Mobile pagecontainerload 事件 jQuery Mobile 事件 实例 在页面成功载入并插入到 DOM 后弹出文本信息： $(document).on("pagecontainerload",function(){ alert("pagecontainerload 事件触发!");}); 尝试一下 ..
jQuery Mobile pagecontainerloadfailed 事件 jQuery Mobile 事件 实例 在页面成功载入并插入到 DOM 后弹出文本信息： $(document).on("pagecontainerloadfailed",function(){ alert("抱歉，请求的页面不存在。");}); 尝试一下 ..
jQuery Mobile pagecreate 事件 jQuery Mobile 事件 实例 在页面初始化时, 增强完成前弹出信息： $(document).on('pagecreate',function(){ alert('pagecreate 事件触发!')}); 尝试一下 » 定义和用法 pagecreate是在页面创建成功之后，触发的事件, 但在 jQ..
jQuery Mobile pagehide 事件 jQuery Mobile 事件 实例 在页面切换后旧的页面隐藏之后弹出一些文本信息： $(document).on('pagehide','#pagetwo',function(){ alert('pagehide 事件触发 - 页面二隐藏');}); 尝试一下 » 定义和用法 pagehid..
jQuery Mobile pageinit 事件 jQuery Mobile 事件 实例 在页面初始化及增强时弹出信息: $(document).on('pageinit',function(){ alert('pageinit 事件触发!')}); 尝试一下 » 定义和用法 该事件在 1.4.0 版本后已废弃，使用 pagecreate 替代。 pageini..
jQuery Mobile pageload 事件 jQuery Mobile 事件 实例 在外部页面成功加载及插入到DOM中后弹出信息： $(document).on('pageload',function(){ alert('pageload 事件触发!');}); 尝试一下 » 定义和用法1.4.0 版本后已废弃，使用 pagecontainerload 替代。 ..
jQuery Mobile pageloadfailed 事件 jQuery Mobile 事件 实例 页面加载失败时弹出信息: $(document).on('pageloadfailed',function(){ alert('抱歉，请求的页面不存在。');}); 尝试一下 » 定义和用法1.4.0 版本后已废弃，使用 pagecontainerloadfailed..
jQuery Mobile pageshow 事件 jQuery Mobile 事件 实例 在页面切换后显示之后弹出信息： $(document).on('pageshow','#pagetwo',function(){ alert('pageshow 事件触发 - 展示页面二');}); 尝试一下 » 定义和用法 pageshow 是在页面切换..
jQuery Mobile scrollstart 事件 jQuery Mobile 事件 实例 页面开始滚动时弹出信息： $(document).on('scrollstart',function(){ alert('开始滚动!');}); 尝试一下 » 定义和用法 scrollstart是页面开始滚动时触发的事件。 注意：苹果的设备会在滚屏时冻结DOM的操作，当滚屏..
jQuery Mobile scrollstop 事件 jQuery Mobile 事件 实例 页面滚动停止时弹出信息: $(document).on('scrollstop',function(){ alert('停止滚动!');}); 尝试一下 » 定义和用法 scrollstop是页面滚动停止时触发的事件。 提示： 此事件通常附加到文档。 提示： scrolls..
jQuery Mobile swipe 事件 jQuery Mobile 事件 实例 在元素<p>上水平滑动隐藏它: $('p').on('swipe',function(){ $(this).hide();}); 尝试一下 » 定义和用法 swipe事件在水平方向上拖动30px以上会触发该事件， (垂直方向小于75px)。 提示: 你可以在..
jQuery Mobile swipeleft 事件 jQuery Mobile 事件 实例 水平方向向左滑动 <p> 元素并隐藏它： $('p').on('swipeleft',function(){ $(this).hide();}); 尝试一下 » 定义和用法 swipeleft 事件是指在一秒内水平向左拖拽大于30px（垂直方向拖拽小..
jQuery Mobile swiperight 事件 jQuery Mobile 事件 实例 在元素<p>上水平向右滑动隐藏它: $('p').on('swiperight',function(){ $(this).hide();}); 尝试一下 » 定义和用法 swiperight 事件是指在一秒内水平向右拖拽大于30px（垂直方向拖拽小..
jQuery Mobile tap 事件 jQuery Mobile 事件 实例 轻击 <p> 元素并隐藏它： $('p').on('tap',function(){ $(this).hide();}); 尝试一下 » 定义和用法 tap 事件在用户轻击一个元素时触发。 提示： tap 事件类似于 jQuery click() 方法。 ..
jQuery Mobile taphold 事件 jQuery Mobile 事件 实例 轻击 <p> 元素不放（大约一秒）,隐藏它： $('p').on('taphold',function(){ $(this).hide();}); 尝试一下 » 定义和用法 taphold 事件轻击并不放（大约一秒）后触发。 语法 $(&..
jQuery Mobile 按钮 Mobile 应用程序是建立在您想要显示的简单的点击事物上。 在 jQuery Mobile 中创建按钮 在 jQuery Mobile 中，按钮可通过三种方式创建： 使用 <button> 元素 使用 <input> 元素 使用带有 data-role='button' 的 <a>..
jQuery Mobile 可折叠块 可折叠内容块 可折叠块允许您隐藏或显示内容 - 对于存储部分信息很有用。 如需创建一个可折叠的内容块，需要为容器添加 data-role='collapsible' 属性。在容器（div）内，添加一个标题元素（H1-H6），后跟您想要进行扩展的 HTML 标记： 实例 <div data-role='collapsible'&a..