分享

jQuery Mobile的API默认配置

 竹林湘馆 2014-12-04

mobileinit事件

当jQuery Mobile开始执行的时候, 它会在document对象上触发一个mobileinit 事件, 你可以重写jQuery Mobile默认的响应函数.

$(document).bind("mobileinit", function(){ //这里是重写的代码 });

mobileinit

由于mobileinit事件会在执行jquery mobile的时候立即被触发,你可能会需要在jQuery Mobile加载之前绑定你的事件处理函数.基于此,我们推荐您按以下顺序来加载JavaScript文件:

  1. <script src="jquery.js"></script> <script src="您自己的js文件.js"></script> 
  2.                     <script src="jquery-mobile.js"></script>  

在绑定事件的函数内部,你可以使用$.mobile对象的$.extend方法来配置默认参数值:

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

或者单独设置它们:

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

配置选项

以下是 $.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.


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多