首页 > 解决方案 > 为 Primefaces p:spotlight 添加淡入淡出效果

问题描述

如何在PrimeFaces Spotlight中添加显示和隐藏效果?

在我可以通过它的属性<p:dialog>直接添加它。showEffect但是<p:spotlight>好像没有这个属性。我还尝试使用PrimeFaces.cw以下方法手动创建小部件:

PrimeFaces.cw("Spotlight","spotlight",
{
    id:"j_idt54",
    target:"rowPayment",
    showEffect:"fade",
    hideEffect:"fade"
});

正如预期的那样,它不起作用。

我也尝试使用 jQuery 显示和隐藏它,fadeIn()并且fadeOut()功能$('#id').fadeIn();也不起作用,但如果我应用于对话框,它会淡入淡出,只是在聚光灯下不起作用。

也许对话和聚光灯的结构不同,这就是为什么它只适用于对话而不适用于聚光灯?我尝试过的 jQuery 脚本都很好,完全没有错误,但它只是不起作用。

标签: jqueryprimefaces

解决方案


推荐阅读