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

在上面的代碼恰巧*,我有發生,持續20秒的高亮效果,突出顯示效果完成後,我想有一個警報彈出。目前,警報立即彈出而不等待高亮效果完成。我怎麼有東西后*的Scriptaculous的高亮效果

+2

我不夠熟悉的軌道發表評論,但如果你將警報代碼更改爲'page <<「setTimeout('alert(\'hi \')',20)」'是否具有所需的效果? – artlung 2010-01-29 01:29:27

+0

那可能要解決問題 – Yaraher 2010-01-29 03:04:13

+0

是的,完美!如果您將其作爲答案提交,我會選擇它並關閉該問題。 – Janak 2010-01-29 03:11:23

回答

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 
    } 
}) 
相關問題