0

こんにちは、ご覧いただきありがとうございます。

私の以前のプロジェクトでは、Gridview をバインドするデータの作成に忙しいときに、UpdatePanel を使用してローダー gif を表示していました。コードのこの部分を JQuery に移動したかったので、このソリューション (ページ読み込みアニメーション)を見た後、UpdatePanel を gif にリンクする img タグに置き換えました。

私が持っていた私の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 をロードすると画像が回転し始め、document.ready も発生するため、GridView のロードが完了すると消えると予想していました。代わりに、gif のフリーズ フレームが表示されます。アニメーションはありません。どうすればこれを修正できますか?

4

1 に答える 1

0

要素のhtmlを置き換えることをお勧めします

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

データ取得後、

 $('#data_loding_div').html(data);
于 2013-03-27T04:47:38.420 に答える