Jquery ajaxStop

Question

なぜこれが機能しないのか、以下のコードから明らかな理由はありますか？

私が実行すると、 "ajaxBusy" divは非表示にならず、 "content" divは表示設定を変更しません。ですから、私は.ajaxStopが決して起こっていないと信じる傾向があります。私は他のすべてのJavaScript関数を削除しようとしましたが、それは何も変更されませんでした。 HTMLドキュメントのヘッドで

、私が持っている：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<!--<script type="text/javascript"> 
    $(function() { 
     $("#content").css('visibility','hidden'); 
     $('#ajaxBusy').ajaxStop(function(){ 
     alert('it ran!'); 
      $('#ajaxBusy').hide(); 
      $("#content").css('visibility','visible'); 
     }); 
    }); 
</script> --> 
<script src="sliding.form.js" type="text/javascript"></script> 
<script src="scripts.js" type="text/javascript"></script> 

"ajaxBusyは、" ロードGIが含まれています。これは正しく実行されていないコメントコードです。

Answer 1

hide（）は要素CSSプロパティをdisplay:noneに設定して確認するためにFirebugをチェックインします。 visibility：visibleは表示と可視性のプロパティが異なる方法でdivを隠すので何もしません。可視性はdivには隠されますが、DOMに残されます。つまり、divが空で表示されます。 display：noneは、divが存在しないかのようにDOMを表示します。

Answer 2

はそれはそれは、jQueryのAPIドキュメントに使われている方法ですと

$('#ajaxBusy').ajaxStop(function(){ 
     $(this).hide(); 
     $("#content").show(); 
    }); 

を使用してみてください。 http://api.jquery.com/ajaxStop/。 visibility css属性を設定する代わりに、.show();と.hide();を使用してください。

また、私はコールバック内にalert('it ran!');をドロップするだけで、ブラウザが呼び出されているかどうかのクイックフィードバックを得ることができます。

Answer 3

ajaxリクエストを呼び出す前に、必ず.ajaxStopをバインドしてください。あなたのコードには何のAjaxも見当たりませんが、私はそれが問題ではないと仮定しています。 :)