这个jquery动画功能怎么了？

Question

animImage('history_main_image.png');
function animImage(img) {
    $('#slider').delay(3000).animate({opacity: 0}, 'slow', function(img) {$('#slider').css('background-image','url(images/' + img +')').animate({opacity: 1});});
}

我已经使其功能可以对滑块元素中的背景进行动画处理。但是它不起作用。当我在chrome的inspect元素选项中检查输出时，它显示了background-image：images / undefined

Answer 1

传递给animate()的回调使用img参数，并使用它来构建指向背景图像的URL。 那是行不通的，因为animate()不会将任何参数传递给您的回调。

相反，您可以删除该参数，并使用最初传递给animImage()的img参数。 该变量存在于调用者的作用域中，因此将在您的回调中捕获并访问该变量：

function animImage(img)
{
    $('#slider').delay(3000).animate({opacity: 0}, 'slow', function() {
        $('#slider').css('background-image', 'url(images/' + img +')')
                    .animate({opacity: 1});
    });
}

Answer 2

animImage('history_main_image.png');
function animImage(img) {
   function myimg(){return img;}
    $('#slider').delay(3000).animate({opacity: 0}, 'slow', function() {$('#slider').css('background-image','url(images/' + myimg() +')').animate({opacity: 1});});
}