jquery - 一个事件的多种视觉效果

Question

我有一个看起来像这样的代码。

<%= link_to_remote "View results",
{
    :update=>"uxUpdateDiv" ,
    :url=>{:controller=>"exam", :action=>"results"}  ,
    :loading=>visual_effect(:appear, "uxcLoader", :duration=> 0.1),
    :before =>visual_effect(:fade, "uxUpdateDiv", :duration => 0.1),
    :complete => visual_effect(:appear, "uxUpdateDiv", :duration => 1.5 ),
    :success=>visual_effect(:fade, "uxcLoader", :duration=> 1)
}
%>

这里发生的事情对我来说还不够好。

我想为一个事件添加多个效果。如下所示：

 :complete=>(:fade, "uxLoader", :duration=>1 AND :fade, "uxTheOtherDiv", :duration=>1)

我如何做到这一点。？我正在使用 jrails

Answer 1

你可以这样写：

:complete=>update_page do |page|
            page.visual_effect :fade, "uxLoader", :duration=>1
            page.visual_effect :fade, "uxTheOtherDiv", :duration=>1
           end

请参阅api。

Answer 2

使用直接的 jQuery？

:complete => "$('uxLoader').fadeIn(1000); $('uxTheOtherDiv').fadeIn(1000);"