javascript - fadeOut 然后改变图像

Question

我对 .attr jQuery 方法有疑问。我想在点击时创建 4 个事件:淡出、延迟、更改 src 属性和淡入。我有这段代码:

$( "#button" ).click(function() {   
    $('img').fadeOut().delay(800).attr('src','1-big.jpg').fadeIn();      
});

但是当我点击按钮时，图像会立即改变，然后淡出、延迟和淡入。为什么 .attr 方法先运行？

Answer 1

使用回调来帮助执行函数运行的顺序 -

$( "#button" ).click(function() { 
    $('img').fadeOut(800, function() {
        $(this).attr('src','1-big.jpg').fadeIn();      
    })
});