jquerymobile-21 jquerymobile默认配置

来源:互联网 发布:tensorflow下word2vec 编辑:程序博客网 时间:2024/04/27 14:56

jquerymobile提供了很多的默认配置,jquerymobile会在执行到增强页面元素的时候马上执行它,远早于document.ready事件,这些默认的配置符合大部分情形,对于开发者来说也很容易去修改这些默认的配置。

当Jquery Mobile开始执行时,他就会在document对象上触发mobileinit 事件,所以你可以绑定别的行为来覆盖默认配置。代码:

$(document).bind("mobileinit", function(){//覆盖的代码});

因为mobileinit事件是在执行后马上触发,所以你需要在Jquery Mobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序。

   <script src="Jquery.js"></script><script src="custom-scripting.js"></script><script src="Jquery-mobile.js"></script>

在事件绑定内部,你可以设置你的默认配置,或者是使用jq的$.extend方法扩展 $.mobile对象

$(document).bind("mobileinit", function(){ $.extend( $.mobile , { foo: bar });    });

或者单独设置它

$(document).bind("mobileinit", function(){ $.mobile.foo = bar;    });

配置选项

以下是 $.mobile对象部分可配置选项以及其默认值:
subPageUrlKey (string, default: "ui-page"):
url参数用来引用由插件生成的子页面(例如那些由嵌套的listview生成的子页面) 例如: example.html&ui-page=subpageIdentifir. 在&ui-page=前的部分被jquery mobile框架用来向子页面所在的URL发送一个ajax请求.
nonHistorySelectors (string, default: "dialog"):
对于带有data-rel属性值的a标签链接 或者 带有data-role属性值的page,如果它们匹配这些选择器(即该string参数),那么它们不会在历史记录中被追踪 (即它们不会在location.hash中被更新也不会被浏览器历史所标记).
activePageClass (string, default: "ui-page-active"):
该class被分配给当前视图中的page (包括过渡状态中的)
activeBtnClass (string, default: "ui-page-active"):
该class用于"激活"button的状态 (参见css框架).
ajaxEnabled (boolean, default: true):
当可能的时候jQuery Mobile 会自动通过ajax处理链接点击以及表单提交, 如果不行,url hash 监听将会停止,url也会像常规那样发出HTTP 请求.
ajaxLinksEnabled (boolean, default: true):
只要可行的时候,jQuery Mobile 就会自动通过ajax处理链接的点击.
ajaxFormsEnabled (boolean, default: true):
只要可行的时候,jQuery Mobile 就会自动通过ajax处理页面提交.
autoInitialize (boolean, default: true):
当该选项被设置为false时 自动初始化功能将延迟嵌入页面(page)的增强功能直到
$.mobile.initializePage();
被显式调用. 默认情况下当DOM加载完毕page将会被增强.
defaultTransition (string, default: 'slide'):
设置页面过渡效果(ajax请求),设置为'none'表示没有任何过渡效果.
loadingMessage (string, default: "loading"):
设置页面加载时显示的文本. 如果设置为false, 将不会显示任何文本.
metaViewportContent (string, default: "width=device-width, minimum-scale=1, maximum-scale=1"):
配置自动生成的meta标签,如果为false,将不会为DOM添加任何meta标签.
gradeA (函数返回boolean值, default: 该函数默认返回 $.support.mediaquery 的值):
浏览器必须符合所有支持的条件才会返回 true.

原创粉丝点击