jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全
时间:2014-06-27 23:53:57
收藏:0
阅读:589
学习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"为激动状态的按钮分配 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 按钮后添加 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 将阻止所有的锚点击处理,例如取消激活按钮状态。一般来说只有在把锚标记处理交给另一个处理库时才设置该属性为 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共同学习!
jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全,布布扣,bubuko.com
评论(0)