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

理由：

为spinner div提供一些宽度高度。尝试自定义插件中给出的微调器。在加载程序插件之后，在jQuery的末尾加载脚本。只试用没有ajax的spinner插件。在ajax中添加beforesend属性，并在该方法中加载微调器并停在ajax完整属性

Answer 2

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

插入此行：

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

原因是没有使用preventDefault（）并实际提交表单服务器端，而不是通过jQuery。

为什么我的jquery加载器不工作？

2 个答案: