一个事件的多种视觉效果答案

【问题标题】：multiple visual effects on one event一个事件的多种视觉效果
【发布时间】：2010-05-11 09:35:48
【问题描述】：

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

<%= 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

【问题讨论】：

标签： jquery ruby-on-rails jrails

【解决方案1】：

你可以这样写：

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

见the api.

【讨论】：

谢谢..我们给出的顺序是排队顺序吗？
你指的是链接效果吗？如果是这样的话，最好像上面的评论那样编写javascript代码。因为链接是 javascript 库特定的函数。你可以这样做： :complete => "$('uxLoader').fadeIn(1000,function() { $('uxTheOtherDiv').fadeIn(1000));});"

【解决方案2】：

直接使用 jQuery？

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

【讨论】：

在你的 :complete 你可以只写javascript；所以只需用我上面的替换你的 :complete 行。这就是我一直这样做的方式。