1

ボタンをクリックするだけで、画像をフェードアウトしようとしていますが、フェードアウトしている間に画像のソースを変更しています。次に、fadeIn を使用して新しい画像を表示します。これは Chrome と firefox で問題なく動作します。ただし、ie10 では、画像がフェードアウトし、フェードインしてから、新しい画像が表示されます。私はそれに対する修正を見つけることができません。フェードアウト、フェードインの持続時間を延ばしてみました。setTimeout 関数を使ってみました。promise().done() 関数を使用してみました。Jquery UI のスライド効果付きの非表示/表示を使用してみましたが、同じ問題が発生しています。何も機能していないようです。助けていただければ幸いです。ありがとう

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')
4

3 に答える 3

1

私は Mac を使用していますが、このコードは ie で動作しますか? jsフィドル

.html

<div id="content">Promises</div>
<button id="click">start animation</button>

.js

$("#click").on("click", function () {
    $('#content').fadeOut({
        duration: 1000,
        // run when the animation is complete
        complete: function () {
            $("#content").append($("<div>").addClass("fakeimg"));
        },
        // run when the animation is complete + 
        //it's promise is resolved
        done: function () {
            $('#content').fadeIn(1000);
        }
    });
});
于 2013-07-04T08:48:09.287 に答える
1

.fadeInメソッドがコールバック関数の影響を受けるようにするには、メソッドをコールバック関数内に配置する必要があると確信しています。実際、メソッドに別のコールバック関数を追加して、が変更された.attr後にのみフェードインするようにします。src

これは、私が何を意味するかを説明するために私が書いた jsFiddle です。

于 2013-07-04T01:43:05.673 に答える