日期:2014-05-16  浏览次数:20632 次

jQuery Mobile 手动显示ajax加载器,提示加载中...

From: http://blog.csdn.net/zht666/article/details/8563025

?

在使用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?引用:

[html] view plaincopy
  1. <!DOCTYPE?html>??
  2. <html>??
  3. ????<head>??
  4. ????????<title>Ajax测试</title>??
  5. ????????<meta?charset="gbk">??
  6. ????????<meta?name="viewport"?content="width=device-width,?initial-scale=1">??
  7. ????????<!--?从官方下载的文件放在项目的?jquery-mobile?目录中?-->??
  8. ????????<link?rel="stylesheet"?href="jquery-mobile/jquery.mobile-1.2.0.min.css"/>??
  9. ????????<link?rel="stylesheet"?href="jquery-mobile/jquery.mobile.structure-1.2.0.min.css"/>??
  10. ????????<script?src="jquery-mobile/jquery-1.8.2.min.js"></script>??
  11. ????????<script?src="jquery-mo