0

右..私は次のものを持っています:

$(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++;
    });
  });
});

適切に機能させるのに一日中かかりました(ここでは非常に新しい)..追加のプロセスが行われている間に、div呼び出し「ローダー」で読み込みイメージ(loader.gif)をどのように配置できるかです。そしておそらく、ロードセッションをテストするだけでなく、テスト目的で遅延機能を持たせることもできます。

4

1 に答える 1

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(){
于 2012-08-10T21:06:44.967 に答える