Почему мой загрузчик jquery не работает?

Question

Я пытаюсь добавить gif загрузки к некоторому сценарию jquery. Я думал, что могу использовать 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 class="center-block" id="spinner"></div> 

Answer 1

ли скрипка для вас: https://jsfiddle.net/2Lazd0ez/

Поставлена ​​эта строка:

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

Причины в том, не используется preventDefault() и фактическое представление формы serveride, а не через jQuery.

Answer 2

Причины:

Дайте некоторую ширину высоту до вращателя дел. Попробуйте настроить счетчик, как указано в подключаемом модуле. Загрузите скрипты в конце тела как jQuery после этого плагина загрузчика. Просто попробуйте только плагин spinner без ajax. Добавить beforesend недвижимости в AJAX и в этом методе загрузка вертушку и остановки на АЯКСЕ полной собственности