如何在上一个完成后使用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');
    }
});

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