jQueryのAJAXプリローダーの問題

Question

こんにちは、私は

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#preloader').hide();  
    $('#preloader') 
     .ajaxStart(function(){ 
      $(this).show(); 
     }).ajaxStop(function(){ 
      $(this).hide(); 
     });             
    $('#form form').submit(function(){ 
     $('#content').empty(); 
     $.get('data.php', $(this).serialize(), function(data){       
      $('#content').html(data); 
     });   
     return false; 
    }); 
}); 
</script> 

...そのはうまく機能してPHPページに自分のフォームデータを提出するため、このスクリプトを使用しています。しかしjQueryのロードに失敗したかでオフになっているJavaScriptの場合ならば、問題がありますブラウザーhide関数が必要なものを表示し続ける... jqueryが正常に読み込まれた場合、ローディングdivのみが表示されます。ありがとうございました...

Answer 1

CSSで要素を非表示にする例：

<div id="preloader" style="display:none;"></div> 

JSを無効にするとCSSが機能し、JSが有効な場合は問題なく動作します。