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

我怎么把这两个绑在一起？

4

2 回答 2

2

.animate()可以接受回调作为其最后一个参数；如果您为其提供函数，则该函数将在动画完成时执行。

当使用带有选项的替代语法作为对象时，使用 key 提供回调"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 回答