Javascript - Scriptaculous - 效果回调函数

标签 javascript prototypejs scriptaculous

我正在使用 scriptaculous 通过以下代码执行下拉效果:

Effect.SlideDown('dom_element_id');

然后我隐藏启动此效果的按钮,使用:

$('button_id').hide();

问题是按钮在动画效果完成之前隐藏,我希望它在动画效果完成后隐藏。我找不到 Effect.SlideDown 的回调参数。

最佳答案

您可以通过 afterFinish 选项来传递在效果完成后运行的回调。

Effect.SlideDown('dom_element_id', { afterFinish: function () {$('button_id').hide(); } } );

编辑

请注意,beforeFinishafterFinishbeforeSetupafterSetupbeforeUpdateafterUpdate 选项可用于任何效果,因为它们是 Effect.Base 的一部分。

Also see the official docs here.

关于Javascript - Scriptaculous - 效果回调函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2330809/

相关文章:

javascript - 淡出,通过 AJAX 更新,淡入使用 Prototype 的 div

javascript - Bootstrap Accordion 展开/折叠全部无法正常运行

javascript - Scriptaculous 无法使用最新的原型(prototype)

ruby-on-rails - auto_complete_for : prevent the first item from being auto-selected

javascript - 如何使用 Javascript 从 URL 插入动态 HTML?

dom - 在 Prototype 中使用 $$ 是不是不好?

javascript - Prototype.js 1.7 : using collect with explicit function returns different results than with inline function, 为什么?

javascript - JSON - 如何使用 javascript reduce() 使用键合并 2 个数据集

javascript - 包含ajax后如何初始化 Bootstrap 工具提示?

javascript - JQuery:在元素的 HTML 之前附加项目