如何在节目中添加咆哮效果?

时间:2013-07-05 08:36:15

标签: primefaces

我有一个绑定的咆哮,我将它设置为在将用户添加到数据库后呈现,我希望这个咆哮在show上有一个幻灯片操作,如下所示:

<p:outputPanel id="idMainGrowl">
<p:growl id="idGrowl" binding="#{myBean.growl}" life="700000" closeable="true" >
            <p:effect type="bounce" event="load" delay="0" >
                <f:param name="mode" value="'show'" />
              </p:effect>
                </p:growl>
</p:outputPanel>

但上述代码不起作用,请指教。

1 个答案:

答案 0 :(得分:1)

我有点黑客攻击你。我遇到了同样的问题并通过触发这样的jquery事件来解决它:

<p:growl id="idGrowl" life="3000" closeable="true"  >
        <h:outputScript>
            $("#idGrowl_container").effect("pulsate", { times:3 }, 2000);
        </h:outputScript>
    </p:growl>

您必须将效果应用于您的ID +&#34; _container&#34;。确保你的jQuery Selector指向你的jsf页面中正确生成的id,所以要注意包含你的咆哮的s。 要应用反弹效果,只需对效果进行小的更改,如下所述: http://api.jqueryui.com/bounce-effect/