Ajax 成功函数
Ajax success function
我有一个执行以下代码的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
}
}
这行得通!问题是它不像我想要的那样工作。我希望每首曲目在播放列表div 中一次淡入一个。但是,所有轨道都一起淡入。我尝试在不同的地方添加 .delay(),但没有区别。
我的问题是,我需要做什么才能让每个轨道一次淡入一个而不是全部淡入?我还尝试将代码移动到成功回调之外,但仍然不起作用。
谢谢。
而不是
$('.playlistSongs').append( $(new_li).fadeIn(1000));
尝试
$('.playlistSongs').append(new_li).fadeIn();
试试这个:
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);
});
相关文章:
- 在另一个函数成功结束后调用该函数
- jQuery成功函数中的ajax成功函数
- 执行ajax成功函数-jQUERY
- I'我试图在文本区域中进行特定的输入,调用特定的javascript函数,但没有成功;不起作用
- 绑定到 x 可编辑的成功函数未使用正确的参数执行
- 将值传递到jQuery成功函数中的引导模式
- Ajax没有't执行成功函数
- 为什么Jquery$.ajax在函数调用中触发所有statusCode,即使调用成功
- 在成功时操作 AJAX 函数
- 如何从ajax成功回调函数中读取javascript变量
- 使用JSON数据检索AJAX外部成功函数
- Javascript异步成功函数-互斥
- 同步函数调用涉及post-json调用,其中一个函数应该在另一个函数成功后成功
- 向 Jquery 提供一个非匿名函数:成功 + 额外的混乱
- jQuery AJAX函数成功不起作用
- 当Ajax函数成功时显示消息
- 显示加载gif图像,直到函数成功
- ajax内调用函数成功
- Ajax/jQuery 中的函数“成功”
- jQuery: AJAX中调用递归函数成功