如何在前一个完成使用原型 JS 后执行函数

Question

在我的示例中，我想仅在完成另一个元素的淡出后才从一个元素中删除类名。这是我到目前为止的代码：

    $('search-box').observe('click', function(e) {
        $('question-box').fade();
        $('faq-box').removeClassName('left-60');
    });

如您所见，这些将一个接一个地执行，但是随着元素慢慢淡出，它看起来像是同时执行。我想等到淡入淡出完成，然后再删除类名。

有什么建议吗？回调在这里有效吗？如能举例说明，将不胜感激。

本

Answer 1

在淡入淡出完成后使用 afterFinish 回调执行函数：

$('question-box').fade({
    afterFinish: function() {
        $('faq-box').removeClassName('left-60');
    }
});

请参阅核心效果概述，了解所有 script.aculo.us 效果通用的选项。