Question

对..我有以下内容：

$(document).ready(function() {
  var index = 2;
  $('#addElement').click(function() {
    var data = 'index='+index;
    $.get('/ajax/lo_add.php', data, function(response){
      var new_div = $(response).hide();
      $('#dynform').append(new_div);
      new_div.slideDown();
      $(".chzn-select").chosen();
      $('.onlyNums input').autotab_magic().autotab_filter('numeric');
      index++;
    });
  });
});

我花了一整天的时间让它正常工作（非常新的在这里）..事情是我怎么能把加载图像（loader.gif）放在div调用“loader”中，而附加过程需要地点。也许还有一个延迟函数用于测试目的，只是为了测试它的加载会话。

Answer 1

您可以在调用ajax之前显示加载程序并在slideDown方法的回调中隐藏它。

$(document).ready(function() {

  $("#loader").hide();
  var index = 2;

  $('#addElement').click(function() {

     $("#loader").html("loading..").fadeIn(400,function(){
        var data = 'index='+index;
       $.get('/ajax/lo_add.php', data, function(response){

            var new_div = $(response);
            new_div.appendTo($('#dynform')).slideDown(100,function(){

              $(".chzn-select").chosen();
              $('.onlyNums input').autotab_magic().autotab_filter('numeric');
              index++;
              $("#loader").fadeOut(300);

            });     
       });

    });

  });

});

您可以通过将图片加入

来显示图片而不是加载文字

$("#loader").html("<img src='someLoader.gif' />").fadeIn(400,function(){

如何在追加查询中放置加载器？

1 个答案: