Javascript Ajax成功函数

我有一个ajax成功函数，它执行以下代码：

success: function(json) {
  for (var i = 0; i < json.album.tracks.length; i++) {
      audio.push(json.album.tracks[i].url);
      var new_li = $('<li class="spacer" data-id="' + json.album.tracks[i].id + '">' + json.album.tracks[i].title + '</li>').hide();
      $('.playlistSongs').append( $(new_li).fadeIn(1000)); //1000 is just for testing    
  }
}

success:function（json）{
对于（var i=0；i”+json.album.tracks[i].title+''））.hide（）；
$（'.playlishongs'）.append（$（new_li）.fadeIn（1000））；//1000仅用于测试
}
}

这管用！问题是它没有像我希望的那样工作。我希望播放列表分区中的每个曲目一次淡入一个。但是，所有曲目一起淡入。我尝试在不同的位置添加一个.delay（），但没有效果

我的问题是，我需要做什么才能让每个音轨一次淡入一个而不是全部淡入？我还尝试将代码移到成功回调之外，但仍然不起作用

谢谢。

代替

 $('.playlistSongs').append( $(new_li).fadeIn(1000)); 

试一试

而不是

 $('.playlistSongs').append( $(new_li).fadeIn(1000)); 

试一试

试试这个：

  var lis = ""
  for (var i = 0; i < json.album.tracks.length; i++) {
      audio.push(json.album.tracks[i].url);
      lis += '<li class="spacer" data-id="' + json.album.tracks[i].id + '">' + json.album.tracks[i].title + '</li>';
  }

  $(lis)
        .hide()
        .appendTo('.playlistSongs')
        .each(function(index) {
            // For each li, wait some time and fadeIn. The first one will not have a delay
            $(this).delay(400*index).fadeIn(300);
        });

var-lis=“”
对于（var i=0；i”+json.album.tracks[i].title+''；
}
美元（lis）
.hide（）
.appendTo（“.playlishongs”）
.每个（功能（索引）{
//对于每一个李，都要等待一段时间，第一个李不会延迟
$（此）.delay（400*索引）.fadeIn（300）；
});

试试这个：

  var lis = ""
  for (var i = 0; i < json.album.tracks.length; i++) {
      audio.push(json.album.tracks[i].url);
      lis += '<li class="spacer" data-id="' + json.album.tracks[i].id + '">' + json.album.tracks[i].title + '</li>';
  }

  $(lis)
        .hide()
        .appendTo('.playlistSongs')
        .each(function(index) {
            // For each li, wait some time and fadeIn. The first one will not have a delay
            $(this).delay(400*index).fadeIn(300);
        });

var-lis=“”
对于（var i=0；i”+json.album.tracks[i].title+''；
}
美元（lis）
.hide（）
.appendTo（“.playlishongs”）
.每个（功能（索引）{
//对于每一个李，都要等待一段时间，第一个李不会延迟
$（此）.delay（400*索引）.fadeIn（300）；
});

有效！感谢您的快速响应，附带说明；是否知道如何在前一个fadeIn完成之前启动每个fadeIn（可能在50%完成时）？使整个动画看起来更加精致。再次感谢。忘记我的最后一个问题，我通过更改：$（this）.delay（400*index）.fadeIn（300）；延迟（400*index.fadeTo（1000,1）；作品感谢您的快速响应，附带说明；是否知道如何在前一个fadeIn完成之前启动每个fadeIn（可能在50%完成时）？使整个动画看起来更加精致。再次感谢。忘记我的最后一个问题，我通过更改：$（this）.delay（400*index）.fadeIn（300）；延迟（400*index.fadeTo（1000,1）；