版权声明:本文为博主原创文章,未经博主同意不得转载。
https://blog.csdn.net/xmt1139057136/article/details/35258199
学习jQuery Mobile也有一段时间了,越来越上手了,也越来越喜欢他了。我根本就没有理由拒绝他的好。
这里我有分享一下我对它的配置项的使用说明一下。
看代码解释:
$(document).live("pageinit",function(event){
$.mobile.loadingMessage = "正在载入数据,请稍候......";
$.mobile.pageLoadErrorMessage="非常抱歉,系统好像再打小瞌睡......";
$.mobile.loadingMessageTextVisible=true;
$.mobile.loadingMessageTheme="a";
$.mobile.pageLoadErrorMessageTheme="a";
/*$.extend($.mobile, {
activeBtnClass: "new-ui-btn-active", //activeBtnClass字符串 默认值:"ui-btn-active"为激动状态的button分配 class 值。
activePageClass:"new-ui-page-active", //字符串 默认值:"ui-page-active" 为当前页面分配 class 值
ajaxEnabled:false, //布尔型 默认值:true 控制是否禁止默认的 Ajax 链接点击和表单提交,并停止 hash 的监听,然后以常规的 HTTP 方式进行。
allowCrossDomainPages:false, //布尔型 默认值:false设置是否同意跨域。
由于 jQuery Mobile 会记录 location hash ,
//这有可能会为站点带来 cross-site scripting (XSS) 攻击,因此该选项默觉得 false 。
autoInitializePage:true, //布尔型 默认值:true 当 DOM 载入完成后,jQuery Mobile 会自己主动调用 $.mobile.initializePage 方法。
//假设设置该属性为 false, 则页面不进行初始化,即页面空白。
buttonMarkup.hoverDelay:200, //整形 默认值:200
//该属性设置触摸触摸某一个 jQuery Mobile button后加入 hover 和 down 的 class 的延时。
//该数值越小,延时越小,触摸越灵敏。但同一时候非常有可能错误的触发页面滚动栏滚动。因此建议数值不要太小。
defaultDialogTransition:"pop", //字符串 默认值:"pop"设置使用 Ajax 方式的对话框的默认过场动画。
defaultPageTransition:"fade", //字符串 默认值:fade设置使用 Ajax 方式跳转的页面的默认过场动画。
gradeA:true, //布尔型 默认值:"true" 设置 $.support.mediaquery 的返回值。默觉得符合所有 grade A 等级的移动设备的支持条件才会返回 true 。
hashListeningEnabled:true, //布尔型 默认值:true 设置是否监听和处理 location.hash 的改变。
ignoreContentEnabled:false, //布尔值 默认值:false把该选项设置为 true 。
//而且在某元素的父元素上设置 data-enhance="false" 属性,那么该元素会自己主动减少 jQuery Mobile
//增强(jQuery Mobile 元素增强指的是 jQuery Mobile 对网页基本元素在样式上的丰富、交互上的增强以及对应的 HTML 结构改造)。
linkBindingEnabled:true, //布尔值 默认值:true jQuery Mobile 会自己主动绑定锚标记到文档中,
//设置该选项为 false 将阻止所有的锚点击处理。比如取消激活button状态。一般来说仅仅有在把锚标记处理交给还有一个处理库时才设置该属性为 false 。
loadingMessageTextVisible:false, //布尔值 默认值:false设置当页面载入中的时候是否显示提示文字。
loadingMessage:"正在载入数据。请稍候......",// 字符串 默认值:"loading"设置当页面显示载入提示时。载入提示文字的内容。
loadingMessageTheme:"a",// 字符串 默认值:"A" 设置当页面显示载入提示时,载入提示的默认主题。
minScrollBack:250,// 整形 默认值:250 设置页面最小滚动距离
NS:"", //字符串 默认:""该属性能够改变 jQurey Mobile 的命名空间,jQuery Mobile
//按 data-NS 属性值安排命名空间。默觉得空。则直接 data-role 。举个简单的样例。若设置 NS 的值为 "custom" ,
//则此时须要定义一个 jQuery Mobile 头部的话须要从原来的 data-role="header" 改为 data-custom-role="header" ,
//其它 data-role 也要改成为 data-custom-role 。这样开发人员能够创建属于自己的命名空间,避免与 jQuery Mobile 原有的属性发生冲突, 便于制作自己定义主题。
//须要注意的是,当你使用了 data-命名空间后。你须要更新 jQuery Mobile css 文件的选择器,格式例如以下
//.ui-mobile [data-custom-role=page], .ui-mobile [data-custom-role=dialog] ......
pageLoadErrorMessage:"非常抱歉。系统好像再打小瞌睡......",// 字符串 默认值:"Error Loading Page"设置当 Ajax 载入页面错误时显示的提示信息。
pageLoadErrorMessageTheme"e", //字符串 默认值:"e"设置当 Ajax 载入页面错误时错误提示框的主题样式。
pushStateEnabled:true,// 布尔型 默认值:true 在支持的浏览器中开启 history.replaceState 这个增强特性,
//把哈希值(hash-based)的 Ajax 请求转化为完整的文档路径。jQuery Mobile 建议在关闭 Ajax 导航和大量使用外部链接的情况下关闭这个特性。
subPageUrlKey:"ui-page" ,// 字符串 默认值:"ui-page" URL 參数用来指向由组件生成的子页面(如嵌套列表页),
//该 URL 会被解释成如 example.html&ui-page=subpageIdentifier 的形式,而在 &ui-page= 之前的哈希值会被 jQuery Mobile 向此 URL 地址做 Ajax 请求。
touchOverflowEnabled:false // 布尔型 默认值:false
//设置是否使用设备的原生区域滚动特性,除了 iOS5 之外大部分的设备到眼下还不支持原生的区域滚动特性,因此在 jQuery Mobile 1.1.0 中不建议改动该属性。
});*/
//$.mobile.defaultPageTransition = "fade";
//$.mobile.defaultDialogTransition = "fade";
//默认载入动画
});
这里就写到这里了。由于时间关系。
欢迎大家关注我的个人博客!!。如有疑问,请加qq群:135430763共同学习!