使用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);