gif图像不会改变标签中的帧

Question

我使用ajax loader gif图像作为标签背景，在调用耗时的方法之前，我将此标签设置为可见，并在方法调用后使其不可见。问题是正在显示gif图像，但它是静止图像，它不会改变帧。以下是我的代码：

labelWait.Visible=true;
SomeLibrary.SomeClass.SomeMethod();
labelWait.Visible=false;

出路可能是什么？

Answer 1

看来你在服务器端这样做了。现在，我不知道你用于AJAX调用的是什么，我会假设它是jQuery。

做这种事情的正常流程是这样的：

1. 在客户端（网页）上，用户点击按钮（或链接）;
2. 使用动画gif显示元素;
3. 执行jQuery.ajax调用;
4. 服务器完成其工作并返回请求;
5. 做出回应;
6. 使用动画gif隐藏元素。

代码如下：

SomePage.aspx（如果mvc则为cshtml）

<a href="#" id="dosomething">Load some stuff...</a>
<div id="loader" style="display: none;"><img src="loader.gif"/></div>
<div id="mydata"/>

<script>
  $("#dosomething").click(function() {
    $("#loader").show();
    $.ajax({
      url: '/somewheretogetdata',
      success: function(data) {
        $("#mydata").html(data);
        $("#loader").hide();
      }
    });
  });
</script>

当然，/ somewheretogetdata应该执行你的代码：

SomeLibrary.SomeClass.SomeMethod();