javascript - JQuery fadeOut回调函数在fadeOut结束后正在执行

Question

点击一个按钮，我试图淡出图像，当它淡出时我正在改变图像的来源。然后我使用淡入显示新图像。这在 Chrome 和 Firefox 中运行良好。但是在ie10中，图像淡出，淡入，然后出现新的图像。我找不到解决方法。我试过延长淡出、淡入的持续时间。我试过使用 setTimeout 函数。我试过使用 promise().done() 函数。我已经尝试使用 Jquery UI 的隐藏/显示 w/幻灯片效果，并且出现了同样的问题。似乎没有任何效果。我真的很感激任何帮助。谢谢

me.$el.find('#printable-detail-static-imageRight').fadeOut('fast', function(){
                            me.$el.find('#printable-detail-static-imageRight').attr('src', me.options.samplePrints[k+i]);
                            me.disableNext();
                        });

                        me.$el.find('#printable-detail-static-imageRight').fadeIn('slow')

Answer 1

我很确定您需要将 .fadeIn 方法放在回调函数中，以便它受到回调函数的影响。事实上，我会向 .attr 方法添加另一个回调函数，以确保它仅在 src 更改后淡入。

Here's我写的一个 jsFiddle 来说明我的意思。