javascript - 在脚本式的高光效果*之后*如何发生一些事情

Question

render :update do |page|
  page.visual_effect :highlight, row_id, :duration => 20, :startcolor => "#FFCC33", :restorecolor =>""
  page << "alert('hi');"
end

在上面的代码中，我有一个发生并持续20秒的高亮效果，高亮效果完成后，我想要有一个警报弹出窗口。目前，无需等待高亮效果完成即可立即弹出提醒。

Answer 1

这应该适合你:

render :update do |page|
  page.visual_effect :highlight, row_id, :afterfinish => "alert('hi')", :duration => 20, :startcolor => "#FFCC33", :restorecolor =>""
end

在纯 JavaScript 代码中，可以按如下方式应用此效果:

$('element_id').highlight({
    duration:20,
    startcolor: "FFCC33",
    afterFinish:function(){
        // do whatever you want
    }
})