0

以下のコードを使用するときに、loding.gif画像を表示および非表示にするにはどうすればよいですか？そこにあるすべてのコードです。ないbeforeSend:か、success:ここにあります。

$("#seg").change(function(){
$("#sSeg").load("/blah/blah.php?option="+$("#seg").val());
});

ここで何が起こるかというと、ドロップダウン値が変更されると、別のドロップダウンリストの新しいコンテンツがフェッチされます。そこにloading.gifを追加して、ユーザーが機能していることを認識できるようにしたかったのです。

4

4 に答える 4

3

使用する前に読み込みをload表示し、load'sコールバック関数で非表示にすることができます

$("#seg").change(function() {
    $('img.loading').show();
    $("#sSeg").load("/blah/blah.php?option="+$("#seg").val(), function() {
        $('img.loading').hide();
    });
});
于 2013-01-17T13:25:57.770 に答える
1

上記の例を使用すると、最も簡単な方法は、loading.gif を表示し、load 関数によってドロップダウンに置き換えることです...

$("#seg").change(function(){
    $("#sSeg").html("<img src=\"loading.gif\" />");
    $("#sSeg").load("/blah/blah.php?option="+$("#seg").val());
});
于 2013-01-17T13:25:38.457 に答える
1

あなたの.change()関数はあなたbeforeSend:であり、 .load には終了時に呼び出されるコールバック関数があります。これはうまくいくはずです：

$("#seg").change(function(){
    $('#gif').show();
    $("#sSeg").load("/blah/blah.php?option="+$("#seg").val(), function() {
        $('#gif').hide();
    });
});

.load() のドキュメントを参照してください。

于 2013-01-17T13:26:04.743 に答える
1

読み込み中の画像を表示する場所にこのような div を作成し、その中に読み込み中の画像を配置し、デフォルトで表示をなしに設定し、jQuery を使用して表示します。

<div id="loading"><img src="loading.gif"></div>

$("#seg").change(関数(){
    $("#loading").css("display","block");
    $("#sSeg").load("/blah/blah.php?option="+$("#seg").val(),function(){
       $("#loading").css("display","none");
    });
});
于 2013-01-17T13:26:05.947 に答える