精彩人生

简介：jQuery Mobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。       jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的，没有特别为移动应用程序设计。 jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾。它是

data-transition属性【页面切换效果】 你可以使用多种不同的切换效果来显示新页面内容，只需要在链接里添加data-transition属性即可。可能的值如下 slide  从右到左切换（默认） slideup 从下到上切换 slidedown 从上到下切换

点击超链接提示“error loading page” 错误 (1)路径中包含中文 (2)出现这个问题的原因是因为jquery mobile不支持file://，也就是本地文件，所以要将其放到服务器上来运行 名称空间data- 属性 jquery mobile大量使用html5的data属性来定义html标签，比如页头是 data-role=”header”，但是其它开发框架和

1、在列表项和按钮上禁用文本截断      如果你的列表项或者按钮上是一个很长的文本，它将会被jQuery Mobile自动截断，要禁用这个截断设置，需要在CSS选择器上添加属性"white-space:normal"。例如，在按钮禁止截断：      .ui-btn-text{           white-space:normal;      }      在列表项上禁止截断：

触摸事件 tap 在快速完整的一次触摸后触发该事件. taphold 在按住不放后触发该事件(接近一秒钟的时间).Triggers after a held complete touch event (close to one second). swipe 在一秒钟的间隔内水平方向上拖动30px以上会触发该事件，(水平方向上拖动要保持在20px以内，否则不会触发). swipelef

针对移动设备的特性，在开发应用的过程中，我们需要时刻考虑如何去使应用运行的流畅，JQM框架也考虑到了移动设备特殊性，为我们提供了页面预加载的机制，使我们开发的应用拥有更好的用户体验。 当在页面中开启Ajax页面加载方式时，可以通过在页面中需要预加载的链接上设置data-prefetch属性来使JQM以静默的方式来加载该链接引用的页面，由于链接引用的页面被提前载入到当前的DOM中，所以当点击该