jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全

学习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共同学习!

时间: 2024-09-17 11:44:43

jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全的相关文章

Jquery中$.ajax()方法参数详解_AJAX相关

俗说好记性不如个烂笔头,下面是jquery中的ajax方法参数详解,这里整理了一些供大家参考.  1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. 4.async

Jquery基础之事件操作详解_jquery

事件是用户操作时页面或页面加载时引发的用来完成javascript和HTML之间的交互操作.常见的元素点击事件.鼠标事件.键盘输入事件等,较传Javascript 相比JQuery增加并扩展了基本的事件处理机制,极大的增强了事件处理的能力. 一.DOM加载事件 页面加载完毕后浏览器会通过javascript为Dom元素加载事件,使用Javascript时候使用的是window.onload方法,而Jquery使用的是$(document).ready()方法,下表 展示两个事件的异同. wind

jQuery EasyUI菜单与按钮详解_jquery

EasyUI 简介 easyui是一种基于jQuery的用户界面插件集合. easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能. 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面. easyui是个完美支持HTML5网页的完整框架. easyui节省您网页开发的时间和规模. easyui很简单但功能强大的. 代码如下: <html> <head> <meta http-equiv="Content

jQuery AJAX timeout 超时问题详解_jquery

先给大家分析下超时原因: 1.网络不通畅. 2.后台运行比较慢(服务器第一次运行时,容易出现) 超时结果:JQ中 timeout设置请求超时时间. 如果服务器响应时间超过了 设置的时间,则进入 ERROR (错误处理) 超时解决方案: 1.默认的timeout为0,代表永不超时 2.尽量把timeout设置的大一点.坏处:使数据的加载变慢(貌似.呵呵). 3.在ERROR回调函数中写 有关于 超时 处理 的函数:例如,可以在超时的情况下再次调用取数据函数. -------------------

Jquery中$.ajax()方法参数详解

俗说好记性不如个烂笔头,下面是jquery中的ajax方法参数详解,这里整理了一些供大家参考. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. 4.async:

jQuery操作属性和样式详解_jquery

• 区分 DOM 属性和元素属性 <img src="images/image.1.jpg" id="hibiscus" alt="Hibiscus" class="classA" /> 通常开发人员习惯将id,src,alt等叫做这个元素的"属性".我们将其称为"元素属性".但是在解析成 DOM 对象时,实际浏览器最后会将标签元素解析成"DOM 对象",

jquery 实现轮播图详解及实例代码_jquery

轮播图: 接触jquery也有一段时间了,今天刚好利用轮播图来练练手.博文的前面会介绍一个简单用jquery做轮播图的例子,中间会插入一些关于轮播图更多的思考,在后面会用Javascript的方法来写一个轮播图,最后则是关于jquery和Javascript的比较.轮播图的效果可以点击如下链接查看:http://sandbox.runjs.cn/show/t07kscph jquery做轮播图的例子: html部分代码: <!DOCTYPE html> <html> <hea

jquery.map()方法的使用详解_jquery

原型方法map跟each类似调用的是同名静态方法,只不过返回来的数据必须经过另一个原型方法pushStack方法处理之后才返回,源码如下: map: function( callback ) { return this.pushStack( jQuery.map(this, function( elem, i ) { return callback.call( elem, i, elem ); })); }, 本文主要就是分析静态map方法至于pushStack在下一篇随笔里面分析: 首先了解下

JS、jQuery中select的用法详解_javascript技巧

1.js var obj=document.getElementById(selectid); obj.options.length = 0; //清除所有内容 obj.options[index] = new Option("three",3); //更改对应的值 obj.options[index].selected = true; //保持选中状态 obj.add(new Option("4","4")); "文本",&