1

私は次の機能を持っています：

setTimeout(function() { 
    $("#em")
    .animate(
    { left: -15 }, {
        duration: "slow",
        easing: "easeOutBack"
    })
    .animate(
    { left: -315 }, {
        duration: "slow",
        easing: "easeOutBack"
    });                         
}, 2000);

アニメーションが完了した後、別の要素のクラスを変更したいと思います

$('.flip').removeClass('ui-icon-carat-1-w').addClass('ui-icon-carat-1-e');

これら2つをどのように結び付けるのですか？

4

2 に答える 2

2

.animate()最後の引数としてコールバックを受け入れることができます。関数を指定すると、アニメーションが完了したときに関数が実行されます。

オプションをオブジェクトとして使用する代替構文を使用する場合は、キーを使用してコールバックを提供します"complete"。だからあなたは持っているだろう：

$("#em")
.animate(
{ left: -15 }, {
    duration: "slow",
    easing: "easeOutBack",
    complete: function() {
       $('.flip').removeClass('ui-icon-carat-1-w').addClass('ui-icon-carat-1-e');
    }
})
于 2012-10-29T16:48:16.740 に答える
1

このanimate()メソッドは、アニメーションの終了後に実行されるコールバックを受け入れます。

于 2012-10-29T16:48:06.240 に答える