07.出场前的最后准备jquery mobile api详解

1、一、配置jQuery Mobile目的：jQuery Mobile 提供了一些默认的配置，这些配置的项目需要，这时就需要对这些配置进行一些修改。：通过方法：将mobileinit 事件，然后在事件处理代码中修改jQuery Mobile 的默认配置。mobileinit 事件的代码写入到 jQuery Mobile 的 JS 文件之前。具体的配置方式：（1） 继承的方式$.extend($.mobile , 属性名: 属性值);（2） 配置的方式$.mobile.属性名 = 属性值;二.常用配置属性1.与页面加载有关的loadingMessage：设置加载的文本，使其在基于 Ajax 的请求期

2、间出现。loadingMessageTextVisible：是否显示加载的文本。loadingMessageTheme：是否使用指定显示信息框。建议：在jQuery Mobile1.2 以后上面这三个属性不建议使用，建议使用如下配置。$.mobile.load$.mobile.load$.mobile.load$.mobile.load$.mobile.loadrototype.options.textrototype.options.textVisible rototype.options.textonly rototype.options.theme rototype.options.ht

3、ml2.与页面加载错误有关的pageLoadErrorMessage：页面加载失败提示文本 pageLoadErrorMessageTheme：是否使用指定显示错误信息框。3.与 CSS 有关的activeBtnClass：指定活动按钮的 CSS 类，默认值ui-btn-activeactivePageClass：指定该活动页面的 CSS 类，默认值uiactive作用：当后修改配置。需要自定义活动页面和活动按钮的效果时，就可以自定义一个 CSS 类，然4.其他的配置$().on(mobileinit,function();ajaxEnabled：是否使用 Ajax 动态载入页面，默认值是tr

4、ue。Pages：配置是否允许跨域请求页面。allowCross设置$.support.cors 为 true，然后在设置 allowCross域请求的能力。Pages 为 true，代码具备跨在 Chrome 浏览器中，跨域的会报错。is not allowed by Acs-Control-Allow-Origin.要解决跨域问题，需要 Chrome 浏览器的快捷方式加入-disable-web-securityautoInitializePage：自动初始化页面，默认值是 true。 buttonMarkup.hoverDelay：设置按钮的延迟响应时间，默认值是 200。defauia

5、logTransition：框默认转换效果，默认值是 popdefaultPageTransition：页面默认转换效果，默认值是 fade ns:设置自定义命名空间注意：一旦使用自定义名空间，一定要修改 CSS 中选择器的内容。三.常用方法jQuery.mobile. jqmData()设置和获取数据范例：jQuery.mobile. jqmRemoveData()移除数据范例：jQuery.mobile.changePage()页面跳转第一个参数：跳转到的页面第二个参数：配置具体配置如下：allowSamePageTransition：是否允许同一个 page 页面的跳转，默认值是fals

6、e。 changeHash：是否修改浏览器地址栏的地址，默认值是 true。data:跳转时携带的数据type：请求方式，有 get 和t 两种dataUrl：指定跳转后的地址栏显示 URL。reloage：跳转的页面不管有没有被加载过，都会重新进行加载，默认值是 false。 reverse：指定是否为退回，默认值是 falserole：跳转后使用页面还是框的形式显示。showLoadMsg：是否显示加载信息，默认值是 true transition：页面跳转时的转换效果$(div:jqmData(role=page).jqmRemoveData(bfTest); var result =

7、$(div:jqmData(role=page).jqmData(bfTest); alert(result);$(div:jqmData(role=page).jqmData(bfTest,北风网); var result = $(div:jqmData(role=page).jqmData(bfTest);alert(result);XMLHttpRequestcannotloadhttp:/.OriginjQuery.mobile.loage()加载外部页面第一个参数：加载的页面第二个参数：配置具体配置如下：allowSamePageTransition：是否允许同一个 page 页面的

8、加载，默认值是false。 changeHash：是否修改浏览器地址栏的地址，默认值是 true。data:加载时携带的数据loadMsgDelay：加载信息显示延迟，默认是 50 毫秒reloage：加载的页面不管有没有被加载过，都会重新进行加载，默认值是 false。role：加载后使用页面还是框的形式显示。showLoadMsg：是否显示加载信息，默认值是 true transition：页面加载时的转换效果jQuery.mobile.silentScroll():滚屏参数：yjQuery.mobile.path.get()确定 URL 中的目录部分参数：urljQuery.mobile.path.isAbsoluteUrl()检测绝对参数：urljQuery.mobile.path.isRelativeUrl()检查相对参数：urljQuery.mobile.path.makeUrlAbsolute()把相对 URL 转化为绝对 URL参数：url四.常用属性代表的当前活动页面代表的第一个页面jQuery.mobile.activePagejQuery.mobile.PagejQuery.mobile.pageContainer 代表的是 page 容器五.数据属性data-role规则样式data-icon 图标data-icon图