mobileinit事件
当jQuery Mobile开始执行的时候， 它会在document对象上触发一个mobileinit 事件， 你可以重写jQuery Mobile默认的响应函数.
$(document).bind("mobileinit"， function(){ //这里是重写的代码 });
mobileinit
由于mobileinit事件会在执行jquery mobile的时候立即被触发，你可能会需要在jQuery Mobile加载之前绑定你的事件处理函数.基于此，我们推荐您按以下顺序来加载JavaScript文件:
- <script src="jquery.js"></script> <script src="您自己的js文件.js"></script>
- <script src="jquery-mobile.js"></script>
在绑定事件的函数内部，你可以使用$.mobile对象的$.extend方法来配置默认参数值:
- $(document).bind("mobileinit"， function(){ $.extend( $.mobile ， { foo:
- bar }); });
或者单独设置它们:
- $(document).live("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.
