首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQM学习札记

2012-11-22 
JQM学习笔记JQM,为了是页面访问速度加快,每一个链接都是通过AJAX 方式进行,载入,不会加载新页面HEAD 区域

JQM学习笔记

JQM,为了是页面访问速度加快,每一个链接都是通过AJAX 方式进行,载入,不会加载新页面HEAD 区域的内容。

Jquery Mobile支持包含历史回退按钮的自动ajax读取外部页面的功能,

基本页面结构。

页面预加载,

在链接上加入

data-prefetch
如:<a href="prefetchThisPage.html" data-prefetch> ... </a>也可以,$.mobile.loadPage(PageUrl,{showLoadMsg: false });

JQM 中的事件 。

??? ???? 点击 , tap 。

??? ??? ?? ??? ??? 在快速完成一次点击时,触发。 等同于 ,WEB 事件中的click ..

??? ??? ??? ??? ??? $("#a").live("tap",function(){

??? ??? ??? ??? ??? ??? ??? ??? // 您想执行的code

??? ??? ??? ??? ??? });

??? ?? 点住不放 , taphold

??? ??? ??? ??? ??? 在按住不放后触发该事件(接近一秒钟的时间).

??? ???? 向上滑动,swipe 垂直向上滑动距离超过30CM 时触发。

?

??? ??? 向左滑动,swipeleft

??? ??? 向右滑动,swiperight

?

方向改变时。

??? ??? orientationchange

??? ??? 即,通过重力感应旋转手机时,触发的函数。 在本地应用中,可以关闭手机重力感应系统,而在web 中不能关闭此功能。

热点排行