render :update do |page|
page.visual_effect :highlight, row_id, :duration => 20, :startcolor => "#FFCC33", :restorecolor =>""
page << "alert('hi');"
end
在上面的代码中,我有一个高亮效果发生并持续20秒,在高亮效果完成后,我想要一个警告弹出窗口。目前,警报会立即弹出,而无需等待高亮效果完成。
答案 0 :(得分:2)
这应该适合你:
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
}
})