Cordova 在运行任何ajax查询时,向用户显示一个小的状态指示器的好方法是什么?

Cordova 在运行任何ajax查询时,向用户显示一个小的状态指示器的好方法是什么?,cordova,Cordova,使用phonegap+jquery mobile时,显示小状态指示器的最佳方式是什么 在任何后台ajax查询运行时向用户发送 它不需要显示进展,只需要显示是否有什么事情正在发生 它需要处理多个查询同时处于活动状态的情况,并且 如果其中一个查询失败而另一个查询成功,则不要留下挂起的指示器 这是我能想到的最好的解决方案: function begin() { $(document).ajaxStart(function() { $.mobile.pageLoading();

使用phonegap+jquery mobile时,显示小状态指示器的最佳方式是什么 在任何后台ajax查询运行时向用户发送

  • 它不需要显示进展,只需要显示是否有什么事情正在发生
  • 它需要处理多个查询同时处于活动状态的情况,并且 如果其中一个查询失败而另一个查询成功,则不要留下挂起的指示器

    • 这是我能想到的最好的解决方案:

      function begin() {
          $(document).ajaxStart(function() {
              $.mobile.pageLoading();
          });
          $(document).ajaxStop(function() {
              $.mobile.pageLoading(true);
          });  
      }
      document.addEventListener("deviceready", begin, true);
      
      这样做的优点是非常容易实现,并且不需要任何额外的资源,如图像等 但另一方面,这一指标有点庞大且具有侵入性。如果可以的话,在角落里放一个小指示器可能会更好
      很容易实现。

      我倾向于有一个ID为msg的div,它放在内容部分的顶部,当我进行ajax调用时,我调用加载,这个加载就是$('#msg')。show('slow');然后,当一切都完成后,我就隐藏起来,尝试过页面加载,但都取决于框架加上我发现这似乎并不总是可行,加上你不能动态更改文本,如果你有ID,你可以更改html内容,说搜索。。。。或上传。。。。等,但仍然得到同样的效果

      如果您使用jquery mobile,我建议您将div data type=header'更改为页脚和内容相同的页眉标记 做你自己的CSS,jquery在这方面很糟糕,执行起来非常糟糕

      标题

      header { position:fixed; left:0; right:0; top:0; height:50px; overflow:hidden; }
      <header class='ui-bar-a"></header>
      
      标题{位置:固定;左:0;右:0;顶部:0;高度:50px;溢出:隐藏;}