Question

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

我想在用户点击打开从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");
 });

Answer 1

你的意思是一个悸动者？

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

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

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

当您的请求的成功功能被解雇时，您只需再次隐藏它！：）

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

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

你也可以只显示throbber并删除链接上的点击处理程序，如果它花费的时间比预期的多，则无法触发相同的动作两次（例如，在像UMTS这样的慢连接上！）

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

1 个答案: