javascript - 如何使用 Prototype 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');
    }
});

请参阅Core Effects Overview对于所有 script.aculo.us 效果通用的选项。