为什么我的jquery loader不工作？

我想添加一个加载gif的一些jQuery脚本。我以为我可能会使用this plugin之前已经工作过，但我想弄清楚为什么我提交表单时不会触发它。我有没有把它放在正确的地方？为什么我的jquery loader不工作？

<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>

来源

2016-08-11 JulianJ

您是否在控制台中遇到任何错误？该插件是否正确加载？你有一个称为“post_data”的有效表单吗？ –

为你做一个小提琴：https://jsfiddle.net/2Lazd0ez/

插入该行：

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

的原因是未使用preventDefault（）并实际提交表单serverside，而不是通过jQuery。

来源

2016-08-11 18:39:14 Imbue

原因：

给予一定的宽度高度微调格。尝试按照插件中给定的方式自定义微调器。在装载机插件后加载jQuery两端的脚本。只需使用spinner插件而不使用ajax。添加beforesend财产Ajax和该方法加载微调，并在阿贾克斯完全产权停止

来源

2016-08-11 18:26:47

为什么我的jquery loader不工作？

回答

相关问题