标签：style blog http java 使用 strong
在使用jQuery Mobile开发时，有时候我们需要在请求ajax期间，显示加载提示框（例如：一个旋转图片+一个提示：加载中...）。这个时候，我们可以手动显示jQuery Mobile的加载器，大致流程如下：
1. 启动加载器，显示“加载中...”；
2. 进行ajax请求，请求完成后更新页面数据，刷新jQuery Mobile控件样式；
3. 关闭加载器。
下面就来讲解jQuery Mobile 1.2.0 和 1.1.0 中手动显示加载器的方法（很简单，几行代码就OK了！）。
首先是jQuery Mobile 1.2.0 引用：
编写javascript函数：
准备两个按钮，一个用于启动（显示）加载器，一个用于停止（隐藏）加载器：
效果如下（主题为：‘a‘）：
当然，你可以调整$.mobile.loading(‘show‘, { ... }中的参数，实验各种不同的加载器效果。
加载器的具体说明见jQuery Mobile 1.2.0 官方demo演示说明：
http://jquerymobile.com/demos/1.2.0/docs/pages/loader.html
注意：jQuery Mobile1.1.0中显示ajax加载器与1.2.0版本完全不同！坑爹！
jQuery Mobile 1.1.0显示加载器的代码如下：
显示的效果倒是差不多。
官方1.2.0文档中对1.1.0的说明如下：
The page loading dialog was previously configured globally with three settings
$.mobile.loadingMessage,
$.mobile.loadingMessageTextVisible, and
$.mobile.loadingMessageTheme
which are now deprecated. In addition to the methods for showing and hiding,
$.mobile.showPageLoadingMsg and
$.mobile.hidePageLoadingMsg are also deprecated.
意思就是说：在1.2.0版本不在使用$.mobile.showPageLoadingMsg和$.mobile.hidePageLoadingMsg这两个方法显示加载器了。
jQuery Mobile 手动显示ajax加载器，提示加载中...,布布扣,bubuko.com
jQuery Mobile 手动显示ajax加载器，提示加载中...
标签：style blog http java 使用 strong
原文地址：http://www.cnblogs.com/ranzige/p/3853947.html
