jqueryローダーが動作しないのはなぜですか？

Question

私はいくつかのjqueryスクリプトにロードgifを追加しようとしています。私は前に働いていたthis pluginを使うかもしれないと思ったが、私はフォームを提出するときにそれがなぜ発射されないのかを考えようとしている。私は正しい場所に持っていますか？

<script> 
    $(document).ready(function() { 
     $('#post_data').submit(function() { 
//I've placed the plugin here 
      $('#spinner').pleaseWait(); 
      $.ajax({ 
       url: 'process.php', 
       type: 'POST', 
       dataType: 'html', 
       data: $(this).serialize(), 
       success: function(newContent) { 
        $('#mytable').prepend('<tr>' + newContent + '</tr>'); 
        $("form").trigger("reset"); 

       } 
      }); 

      return false; 
     }); 
    }); 

divが表示されたい場所。

<div class="center-block" id="spinner"></div> 

Answer 1

はあなたのためのフィドルましたアヤックス完全なプロパティで停止：使用していないという

$('#post_data').submit(function(e) { 
    e.preventDefault(); 
}); 

理由：https://jsfiddle.net/2Lazd0ez/

が挿入行をpreventDefault（）を呼び出し、実際にjQueryの代わりにフォームserversidesを送信します。

Answer 2

理由：

は、スピナーのdivにいくつかの幅、高さを与えます。 プラグインで指定されているようにスピナーをカスタマイズしてみてください。 そのローダープラグインの後にjQueryの両方のボディの最後にスクリプトをロードします。 AJAXのないスピナープラグインのみで試してみてください。 AJAXでbeforesendプロパティを追加し、その方法でスピナーをロードし、