使用JQuery的Gridview加载动画是静止帧，即不进行动画处理

Question

您好，感谢您的光临。

在我较早的项目中，当我忙于创建数据以绑定Gridview时，我正在使用UpdatePanel显示加载程序gif。 我想将这部分代码移到JQuery上，因此在查看此解决方案后，我用链接到gif的img标签替换了UpdatePanel（ 页面加载动画 ）

在我的index.html页面中，

        <script>

        $(document).ready(function () {
            $('#loadingImage').hide();
        });

        function ShowLoaderImage() {
            $('#loadingImage').show();
        }
    </script>

然后我从用来填充Gridview源的asp：Button调用ShowLoaderImage。

<asp:Button ID="View_Data_Button" CssClass="dataButton" OnClick="View_Data_Button_Click" OnClientClick="ShowLoaderImage()" runat="server" Text="View Data" />

我希望图像在单击按钮以加载GridView时开始旋转，而在加载GridView时消失，因为document.ready也随之升高。 相反，我看到了gif的冻结帧-没有动画。 我怎样才能解决这个问题？

Answer 1

我建议替换元素中的html

        $('#data_loding_div').html('<img  alt="loadingImage" src="/images/loadingImage.gif" />')

取得资料后

 $('#data_loding_div').html(data);