jquery - AJAX リクエスト待ちの画像を読み込んでいます

Question

AJAX を介してデータを要求する次のスクリプトがあります。

 $(document).ready(function(){
        $('#input').keyup(function(){
            sendValue($(this).val());     
        }); 

    });
    function sendValue(str){
        $.post("ajax.php",{ sendValue: str },
        function(data){
            $('#display').html(data.returnValue);
        }, "json");

    }

リクエストが行われている間はDIVを表示し、データが戻ってきたら非表示にしたいだけです。私はこれを試しました：

$("#loading").ajaxStart(function(){
   $(this).show();
})
.ajaxStop(function(){
   $(this).hide();
});

でも、表示も非表示もせず、常に表示されていました。

Answer 1

動作中のjsFiddleデモ

jQuery 1.8以降、.ajaxStart()メソッドは にのみアタッチする必要がありますdocument。そう：

$(document).ajaxStart(function(){
    $("#loading").show();
})
.ajaxStop(function(){
    $("#loading").hide();
});

---

---

参考文献:

• .ajaxStart()- jQuery API ドキュメント