Question

我对jQuery不熟悉。我试图在Ajax调用期间显示div（loading_div），然后在ajax调用完成时消失。这适用于第一次调用，但后续调用不会触发loading_div。我知道这是一个与DOM相关的基本问题，并且堆栈中至少有一个类似的问题，但它并不完全相同。我没有修改答案以适应我的问题。任何帮助，将不胜感激。

 $(function(){
   var $loading = $('.loading_div').hide();
   $(document)
    .ajaxStart(function () {
        $loading.show();
    })
    .ajaxStop(function () {
        $loading.hide();
    });
 });

试过这个......（改变了HTML见下文）..但仍然没有运气。我虽然添加on（）会有所帮助。有人吗？.....在这一点上拉我的头发。为了给出更多背景知识，这是一个加载点jQuery插件的实现。插件工作，第一个ajax调用触发下面的功能。除非我刷新页面，否则它只是后续调用不会触发它。

HTML

      <div class="loading_div">

      </div>

JQuery的

$(function(){

    $(document).on("ajaxSend", function(){
    $('.loading_div').append($('#loadingdots'));
    })
    $(document).on("ajaxComplete", function(){
    $('.loading_div').remove($('#loadingdots'));
    });
  });

Answer 1

您需要使用AjaxSend()和AjaxComplete()。您正在使用的方法仅用于运行第一个ajax调用。

Ajax起始映像（加载映像）显示第一个ajax调用，但在后续的ajax调用中失败

1 个答案: