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

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



   
        Ajax测试
       
       
       
       
       
       
       
   


编写JavaScript函数:



准备两个按钮,一个用于启动(显示)加载器,一个用于停止(隐藏)加载器:


   
       


           
           

               

Ajax测试


           

           
           

               

Ajax测试


                
               
               
                
             

   

   
       


           
           

               

Ajax测试


           

           
           

               

Ajax测试


                
               
               
                
             

   

你可能感兴趣的:(web)