全栈工程师开发手册 (作者:栾鹏)

​​jQuery Mobile 所有data-*选项​​

jQuery Mobile中链接的data-*选项

所有的链接,包含那些带有 data-role=”button” 的链接和表单提交按钮。

//data-ajax                 true | false                          规定是否通过 ajax 加载页面来提高用户体验和交互。如果设置为 false,jQuery Mobile 将会执行一个正常的页面请求。
//data-direction reverse 反向转换动画(仅用于页面和对话框)
//data-dom-cache true | false 规定是否清除各个页面的 jQuery DOM 缓存(如果设置为 true,您必须自己管理 DOM 并在所有移动设备上进行测试)
//data-prefetch true | false 规定是否预先读取页面到 DOM 中,以便当用户访问它们时可用
//data-rel back | dialog | external | popup 规定链接行为的选项。Back - 回退到历史记录中的前一个页面。Dialog - 以对话框形式打开链接,不保存到历史记录中。External - 用于链接到另一个域。Popup - 打开一个弹出窗口。
//data-transition fade | flip | flow | pop | slide | fade(默认。淡入到下一页),flip(从后向前翻转到下一页),flow(抛出当前页,进入下一页),pop(像弹出窗口那样转到下一页),slide(从右向左滑动到下一页)
// slidedown | slidefade | slideup | turn | none //slidefade(从右向左滑动并淡入到下一页),slideup(从下到上滑动到下一页),slidedown(从上到下滑动到下一页),turn(转向下一页),none(无过渡效果)
//data-position-to origin | jQuery selector | window 规定弹出框的位置。Origin - 默认。定位弹窗在打开它的链接上。jQuery selector - 定位弹窗在指定元素上。Window - 定位弹窗在窗口屏幕的中央。