以下的默认配置可以通过$.mobile对象重新配置
自定义命名空间s (字符, 默认: ""):

在jQuery Mobile中，甚至可以自定义象HTML5中的data-attribute等系列属性，比如data-role等。这通过自定义命名空间即可实现。比 如可以实现自定义一个名字，变成data-自定义名-role这样的形式。按照“data-属性”格式安排的命名空间，例如：data-role,可以设 置为任何东西，默认为空字符串。如果你包含一个面包屑的话用起来会比较明晰，比如mynamespace-",会映射到 data-mynamespace-foo="...".
这可以通过$.mobile对象中增加ns属性来指定，如下代码：
　$(document).bind("mobileinit", function() {

　　$.mobile.ns = "my-custom-ns";

　　});

通过上面的代码，建立了一个data-my-customer-ns-role的属性，而不是传统jQuery Mobile中指定的data-role。通过设置自定义的命名空间，可以方便开发者在CSS选择器中进行指定，同时如果要自定义mobile小插件的主 题，则也必须使用自定义命名空间，以示区别。

注意：如果你使用了data-命名空间，你需要在主题的css中手动的更新/覆盖一个选择器。按照以下格式把命名空间并并入到命名空间中。
    .ui-mobile [data-mynamespace-role=page], .ui-mobile [data-mynamespace-role=dialog], .ui-page { ...

页面初始化
autoInitializePage(布尔值,默认: true)
当DOM加载完成时，JQM框架会自动调用$.mobile.initializePage方法。如果设为False，页面page则不会自动初始化，在视觉上就会是隐藏的，直到 $.mobile.initializePage 方法被手动调用。
jQuery Mobile提供了一个叫autoInitializePage的属性，这个属性表示页面是否应该初始化，其默认值为true。然而，如果是继承扩展 了$.mobile对象，开发者则可以将该值设置为false,并且在稍晚的时候对页面初始化进行设置。下面的代码中，演示了当其他脚本在运行时，如何暂 时延迟页面的初始化。如果有大量的客户端脚本运行，则一个很好的建议方法是延迟页面的初始化，直到DOM完成加载客户端脚本。
<!DOCTYPE HTML>

<html>

<head>

  <title>Understanding the jQuery Mobile API</title>

  <script type="text/java script" src="jquery.js"></script>

  <script type="text/java script">

    $(document).bind("mobileinit", function() {

      $.mobile.autoInitializePage = false;

    });

  </script>

  <script type="text/java script" src="jquery.mobile.js"></script>

</head>

<body>

  <div data-role="page">

    <div data-role="content">

      <ul data-role="listview" id="my-list"></ul>

    </div>

  </div>

  <script type="text/java script">

    $('#my-list').html('<li><a href="page-2.html">Link to another page</a></li>');

    $.mobile.autoInitializePage = true;

  </script>

</body>

</html>
自定义子页的URL键
subPageUrlKey (字符串，默认: "ui-page")
当在jQuery Mobile中引用子页时，默认使用的是ui-page做为KEY标识。开发者可以通过$.mobile对象的subPageUrlKey去重新设置，比 如如果定义了subPageUrlKey为my-page,则默认的子页引用将从web-page.html&ui-page=value改为 web-page.html&my-page=value,这样做的一个好处是开发者可让url更友善更容易维护。
url参数用来指向组件产生的子页面（比如生成的嵌套的列表）。会被转义为example.html&ui-page=subpageIdentifier。Jquery Mobile会把 &ui-page=之前的部分用来向子页面的url地址发出ajax请求。

设置历史记录
nonHistorySelectors (字符串, 默认: "dialog")
对于带有 data-rel 属性的a标签链接，或 data-role 属性的页面，如果选择器与之匹配，则他们不会在历史记录中被追踪 (即它们不会在location.hash中被更新也不会被浏览器历史所标记).

设置当前激活页面的样式
activePageClass (字符串, 默认: "ui-page-active")：给当前页面(包括转场中的) 分配class。
当使用了jQuery Mobile后，默认当前激活页面中的ui-page元素都会使用框架默认的样式中定义的ui-page-active，如果要对其进行修改，可以设置$.mobile对象中的activePageClass属性，比如：
$(document).bind("mobileinit", function(){
　　$.mobile.activePageClass="ui-page-custom";
});
其中ui-page-custome则为用户自定义的样式。

设置当前激活页面的按钮
activeBtnClass (字符串, 默认: "ui-page-active")：给活动状态的按钮分配class值，该class值必须在css框架中存。

设置ajax
ajaxEnabled (布尔值, 默认: true)：Jquery Mobile 会自动通过ajax处理链接点击以及表单提交。如果无法处理，url hash 监听将会被禁用，url也会像常规那样发出HTTP 请求.
ajaxLinksEnabled (布尔值, 默认: true)：可行时，Jquery Mobile 就会自动通过ajax处理链接的点击。
ajaxFormsEnabled (布尔值, 默认: true)：可行时，Jquery Mobile 就会自动通过ajax处理表单的提交。

设置哈希值
hashListeningEnabled (布尔值, 默认: true)
Jquery Mobile 会自动监听与处理 location.hash的改变。禁用它会防止Jquery Mobile处理 location.hash的改变。使你可以自己处理他们，或者在文档中用完整的链接地址指到一个特定的id值上。

设置默认的转场效果
defaultTransition (字符串, 默认: 'slide')：设定使用AJAX进行页面转场的默认的转场效果。设为"none"的话则默认没有转场的动画。
默认的jQuery Mobile的页面和对话框的效果都是通过ajax实现的。默认的页面切换效果是幻灯片切换，默认的对话框出现的效果是弹出。如果需要改变这些效果的话 ，同样是如下代码所示，设置$.mobile对象的defaultPageTransition和defaultDialogTransition属性就 可以了。
　$(document).bind("mobileinit", function() {
　　$.mobile.defaultPageTransition = "fade";
　　$.mobile.defaultDialogTransition = "fade";
　});
jQuery Mobile提供了6种效果供用户选择，分别是：slide, slideup, slidedown, pop, fade, 和flip，用户可以按照上面的方法进行设置。

设置加载时默认信息
loadingMessage (字符串, 默认: "loading")：设置页面加载时显示的文本. 如果设置为false，将不会显示任何文字。
加载信息会在加载页面时显示给用户看，要更改这个设置，只需要修改$.mobile对象的loadingMessage属性即可，如下：
　　$(document).bind("mobileinit", function() {
　　$.mobile.loadingMessage = "Please wait";
　　});

设置加载时错误信息
pageLoadErrorMessage (字符串, 默认: "Error Loading Page")：通过ajax加载页面失败时出现的文本信息。
$(document).bind("mobileinit", function() {
　　$.mobile.pageLoadErrorMessage = 'Sorry, something went wrong. Please try again.';
});

设置页面的最小的卷动距离
minScrollBack (字符串,默认:'150')：返回一个页面的最小的卷动距离。
gradeA (返回一个布尔值, 默认: 返回$.support.mediaquery的值)：浏览器必须符合所有支持的条件才会返回 true.

如何修改Jquery Mobile 设置默认选项的更多相关文章

  1. jQuery Mobile 所有class选项，开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile 所 ...

  2. WPF combobox设置默认选项不生效的问题

    combobox 是常用的控件,当我们需要绑定设置默认选项时,往往会绑定 SelectedItem 属性去设置, 可是你会惊奇地发现SelectedItem的值绑定了, 它依旧是熟悉的模样 根据官方的 ...

  3. jQuery Mobile的默认配置项具体解释,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/xmt1139057136/article/details/35258199 学习jQuery Mob ...

  4. html combobox select控件设置默认选项

    就想找个设置html combobox或者select默认选项的代码,百度搜了半小时不知所云的内容,其实很简单,代码如下 js的方式: var index = 你的下标 getElementById( ...

  5. Hbuilder MUI 选择器（Picker）设置默认选项

    mui 联动选择初始化很多人都遇到问题,就是setselectedvalue 不好用,实际上这个地方应该是有bug的 所以只能用setselectedindex 来实现 下面我是我的实现方式供大家参考 ...

  6. dropDownList之"请选择",同时设置默认选项

    dropDownList.Items.Insert(0, new ListItem("--请选择--", "-1"));dropDownList.Selecte ...

  7. [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

    在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...

  8. jQuery Mobile与QUI框架的异曲同工之处

    最近一直在研究jQuery Mobile框架,这是jQuery的官方移动版UI框架,专门用来开发手机与平板电脑方面的应用.结果越来越觉得它和我的QUI框架的开发思路非常相似,很多地方都有异曲同工之妙. ...

  9. jquery mobile 方法收集.

    1.在列表项和按钮上禁用文本截断     如果你的列表项或者按钮上是一个很长的文本,它将会被jQuery Mobile自动截断,要禁用这个截断设置,需要在CSS选择器上添加属性"white- ...

随机推荐

  1. R语言 线性回归分析实例 《回归分析与线性统计模型》page72

    y,X1,X2,X3 分别表示第 t 年各项税收收入(亿元),某国生产总值GDP(亿元),财政支出(亿元)和商品零售价格指数(%). (1) 建立线性模型: ① 自己编写函数: > librar ...

  2. tomcat以服务形式开机启动

    第一步 将tomcat配置为服务模式 cp $TOMCAT_HOME/bin/catalina.sh /etc/init.d/tomcat #将tocmt启动文件复制到/etc/init.d下 vim ...

  3. Java 二叉树深度 判断平衡二叉树

    package cookie; public class BTreeDepthIsBalanced { int depth(BNode head) { if (head == null) { retu ...

  4. java 实体 set数据 报空指针异常

    今天在做一个调用阿里云AXB隐私保护,需要调用通话记录的消费队列,然后set到实体中,然后插入到数据库,但是set的这一步报错 以为工具拿不到值,然后打印发现是有值的, 然后再看一下实例的类型是没错的 ...

  5. 【剑指Offer】面试题09. 用两个栈实现队列

    题目 用两个栈实现一个队列.队列的声明如下,请实现它的两个函数 appendTail 和 deleteHead ,分别完成在队列尾部插入整数和在队列头部删除整数的功能.(若队列中没有元素,delete ...

  6. java的形参与实参的区别以及java的方法

    package com.lv.study; public class Demo05 { public static void main(String[] args) { //我想要用什么分隔符进行分隔 ...

  7. 使用Kali中的Metasploit生成木马控制Windows系统 （第九天 9.20）

    本文转自:https://www.cnblogs.com/yankaohaitaiwei/p/11556921.html 一.kali及Metasploit kali基于debin的数字取证系统,上面 ...

  8. UVA - 1606 Amphiphilic Carbon Molecules（两亲性分子）（扫描法）

    题意:平面上有n(n <= 1000)个点,每个点为白点或者黑点.现在需放置一条隔板,使得隔板一侧的白点数加上另一侧的黑点数总数最大.隔板上的点可以看做是在任意一侧. 分析:枚举每个基准点i,将 ...

  9. NRF52811-QCAA 蓝牙5.1芯片资料解析

    为了满足市场需求Nordic 宣布推出nRF52811系统级芯片(SoC),这个全功能无线连接解决方案支持蓝牙5.1 测向(Direction Finding)功能和一系列流行低功耗无线协议,用于智能 ...

  10. css div框加小箭头

    <div class="con">    <div class="arrow"> </div></div> .c ...