jquery - .ajaxStart 和 .ajaxStop 未触发

Question

有人可以帮我理解为什么这不起作用吗？ load.gif 在 ajax .load 加载页面时出现，但永远不会消失。这让我相信 .ajaxStart 和 .ajaxStop 函数都没有被调用(因为它最初也没有隐藏它)。

TIA!

CSS:

#loadingDiv {
background-image: url('images/loading.gif');
height: 32px;
width: 32px;
margin: 50px auto 50px auto; }

jquery:

<script type="text/javascript">
        $(document).ready(function()
            {
                $('#loadingDiv')
                    .hide()
                    .ajaxStart(function() {
                        $(this).show();
                    })
                    .ajaxStop(function() {
                        $(this).hide();
                    })
                ;
                $("#results").load("i/getAllInfo.class.php"); return false;
            };
    </script>

Answer 1

我知道这是一个老问题，但我刚刚修复了自己遇到的这个问题，所以我发布了我的解决方案:基本上，检查您的 JavaScript 是否存在异常或语法错误。

从评论来看，您的问题似乎是由语法错误引起的。对我来说，我的 ajaxSuccess 处理程序中有一个异常，它阻止了 ajaxStop 的触发。然后 ajaxStart 不会在后续的 ajax 调用上触发，因为 ajaxStart 仅在批处理的第一个 ajax 调用上触发。 jQuery 从未收到 ajaxStop，因此它认为批处理仍在运行。