显示内部页面的加载微调器答案

【问题标题】：Show Loading spinner for internal page显示内部页面的加载微调器
【发布时间】：2012-07-21 20:17:30
【问题描述】：

我正在使用 jQuery 1.1.1 和 HTML5 构建一个网络移动应用程序。

我想在用户单击以打开从 XML 文件中获取数据的页面时显示加载微调器。

我正在使用 Ajax 和 GET 来列出大型 XML 文件中的数据。

我在 jQuery 文档中发现有一个选项，但仅适用于外部页面。

提前致谢

这是我的问题“感谢您的帮助”的答案。

 $.ajax({
      type: "GET",
      url: "js/database/surah/"+$(this).attr("FileName"),
      dataType: "xml",
      async:   false,
      beforeSend : function () {
           $.mobile.showPageLoadingMsg();
      },
      complete : function(){
           $.mobile.hidePageLoadingMsg();
      },
      success: function(xml) {
      Ayah_nbr = $(xml).find('Verse').last().attr("VerseID");
 });

【问题讨论】：

把你的ajax请求代码放在这里，你可以在成功事件和brforeSend中添加相关代码来创建效果。

标签： jquery ajax jquery-mobile loading

【解决方案1】：

你的意思是跳动者？

只需在您的网站上放一点旋转动画并默认隐藏即可。

使用 ajax 请求中的 before 选项，您可以像这样显示 throbber

$("#throbber").show();

当您的请求的成功函数被触发时，您只需再次隐藏它！ :)

$("#throbber").hide();

悸动者本身应该是一个小动画，可能有一个覆盖页面其余部分的环绕div，没有人可以点击任何其他链接或其他东西。

您也可以只显示 throbber 并删除链接上的点击处理程序，如果需要的时间超出预期（例如，在 UMTS 之类的慢速连接上！），则不可能两次触发相同的操作p>

【讨论】：

beforeSend : function () { $.mobile.showPageLoadingMsg(); }，完成：function(){ $.mobile.hidePageLoadingMsg(); },