0

私は巨大なphpテーブルを持っていて、それをAJAX経由でロードして、ロード中のgifをユーザーに挿入したいと思っています。だから私はこの種の操作に非常に慣れていないので、このタスクを実行するための非常に単純なコードを作成します。これが私のコードです：

$(document).ready(function() {
                $("#tableDiv").html('<center><img src="images/loader.gif" /></center>');
                $("#tableDiv").load("regulatoryData.php");
            });

これはgifをロードしていますが、実行されておらず、静的なままです。どうすれば修正できますか? 助言がありますか？

編集:画像をブラウザにドラッグすると、正常にアニメーション化されます。

編集2：ちょうど

$("#tableDiv").html('<center><img src="images/loader.gif" /></center>');

GIFは正常に動作しますが、2番目の部分を追加すると実行が開始され、停止した直後にregulatoryDataが表示されるまでフリーズしたままになります

編集 3:実際、フリーズしている gif ではなく、ブラウザ全体であることを確認しました。

私の英語でごめんなさい:/

4

3 に答える 3

0

次のようなものをお勧めします。

http://jsfiddle.net/NeFaz/1/

<a href="#" id="load">Load</a>
<div id="myid">
</div>

$(document).ready(function() {
    $("#load").click(function() {
        $('#myid').addClass('loading');
        $("#myid").load('http://www.confetti.co.uk/shop/', function () {
            $('#myid').removeClass('loading');
        });
    });
}); 

#myid {
    height: 500px;
    width: 500px;
}
#myid.loading {
    background-image: url('http://koikoikoi.com/wp-content/uploads/2012/07/RESET.gif');
}

これにより、画像が div の背景として設定されますが、クラスが適用された場合のみです。このクラスなしで始めます。

読み込みリンクをクリックすると、読み込みクラスが div に追加され、bg 画像が表示されます。ロード時に使用される関数は、ロードの終了時に起動し、div からクラスを削除するため、画像が削除されます。

于 2013-09-18T13:59:41.220 に答える
0

の先頭に追加<BODY>

<img src="images/loader.gif" style="display:none" />

「プリローダー」として

于 2013-09-18T14:11:52.953 に答える
0

別のページの読み込みを開始すると、IE が GIF のアニメーションを停止することがわかりました。私自身のプロジェクトの 1 つで、同じ値を再度割り当てるだけで、他のページの読み込みが開始されてから 50 ミリ秒後に画像ソースを更新するタイムアウトを追加することで、これを解決しました。あなたの場合、次のようになります。

$(document).ready(function() {
            $("#tableDiv").html('<center><img src="images/loader.gif" /></center>');
            setTimeout(function() { $("#tableDiv img").attr("src", "images/loader.gif"); }, 50);
            $("#tableDiv").load("regulatoryData.php");
        });
于 2013-09-18T14:19:16.363 に答える