jquery - 如何在animate方法的回调中更改图像的“src”属性？

Question

我想在完成一些动画后改变图像的src， 但是我的代码（http://jsfiddle.net/QJKWK/1/）无效。

$("div").append("<img src = 'http://ecreative.6f.sk/img/iphone.png' />");
var img = $("div:last");
img.animate({width: "500px"}, 1000, function() {
    img.attr("src",  "http://ecreative.6f.sk/img/sonos.png");
});

有人可以解释一下为什么不呢？

Answer 1

因为您没有定位img。使用方式如下：

img.animate({width: "500px"}, 1000, function() {
    img.find('img').attr("src",  "http://ecreative.6f.sk/img/sonos.png");
});

JSFiddle