ぽっぺん日記@karashi.org

_ RJSのvisual_effect :fadeが効いている最中に、submitすると、次回からvisual_effectがきちんと動作しなくなる

今までsubmit時のメッセージを表示するのに、RJSでこんな感じに処理していた。

render :update do |page|
  page.replace_html 'message', msg
  page.hide 'message'
  page.visual_effect :appear, 'message', :duration => 0.5
  page.visual_effect :highlight, 'message', :duration => 0.5
  page.visual_effect :fade, 'message', :duration => 10
end

ところが、visual_effect :fadeが効いている最中に、submitすると、次回から（reloadしない限り）visual_effectがきちんと動作しなくなってしまう現象にぶつかった。

RJSというよりscript.aculo.usのなんかだと思うのだが、ググっても事例が見付からず、JavaScriptもよく分からないので、「別にフェイドアウトする必要ないや」と諦めてこんな感じで回避。

render :update do |page|
  page.replace_html 'message', msg
  page.hide 'message'
  page.visual_effect :appear, 'message', :duration => 0.5
  page.visual_effect :highlight, 'message', :duration => 0.5
  page.delay(10) do
    page.hide 'message'
  end
end

JavaScript勉強しよう……。

Tags: Rails | | | | | | | Permalink