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);
      }
    });
  });
});

加载范围不起作用有什么问题？

谢谢你的朋友们！

Answer 1

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

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

Answer 2

你可以改变

吗？

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

到

$('#loading').attr("display","block");

并尝试像这样使用它

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

加载div不在jquery上工作

2 个答案: