javascript - 加载 div 在 jquery 上不起作用

Question

我的html:

<span id="loading"><img src="ajax-loader.gif" /> Please Wait</span>

#loading{display:none;}

我的js:

var Progressajax = false;

$(function() {
  $(".commentmoreview").click(function(){

    if(Progressajax) return;
    Progressajax = true;

    var element = $(this);
    var id = element.attr("id");

    $('#loading').show();

    var value = $('.pagecont'+id).val();
    var info = 'id='+id+'&pagecont='+value;

    $.ajax({
      type: "POST",
      url: "php-comments/php/loadmorecomments.php",
      data: info,
      success: function(data){
        $('#loading').hide();
          Progressajax = false;
        value = parseInt(value)+parseInt(5);
        $('.pagecont'+id).val(value);
        $(data).hide().prependTo('#loadmorecomments'+id).fadeIn(1000);
        //$('#loadmorecomments'+id).prepend(data);
      }
    });
  });
});

加载跨度不起作用是怎么回事？

谢谢 friend 们!

Answer 1

在进行 ajax 调用时显示加载程序图像的最佳方法是使用 Ajax Global Events

$(document).bind("ajaxSend", function(){
  $("#loading").show();
}).bind("ajaxComplete", function(){
  $("#loading").hide();
});