jqueryを呼び出す方法ajaxStart + ajaxComplete

Question

私はロード機能を持っており、ロード中にdivにHTMLを書き込んだり、完了したらページを表示したりします。私は、ajaxStartイベントとajaxCompleteイベントについて少し書いてみましたが、実装する方法がわかりません。ここで

は私が現在持っているコード内で実装する方法がわからないしかし、使用を考えていますjqueryのである...ここで

$(document).ajaxStart(function(){ 
    $('#content').html("Loading Content..."); 
    }); 

は、私が使用している現在のjQueryのです：

//Load content 
$(".load").click(function(){ 
    $("#content").empty();   
    loadName = $(this).attr("id"); 
    $("#content").load("/content/" + loadName + ".php"); 
    }); 

Answer 1

1つのdivで、内容を読み込みメッセージ/インジケータで更新したい場合は、次のようにします：

$("#content").html('<strong>Loading...</strong>') 
      .load("/content/" + loadName + ".php"); 

すべての ajaxが共通のローディングインジケータを持っていない限り、私はajaxStartとajaxStop/ajaxCompleteglobal eventsを使用しません。それは次のようにそれを行うことができ、言った：loading要素を使用して、AJAX呼び出しの間に明らかにしたいものは何でもある

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

。