Question

我有一个只有一张图片的灯箱。是的，我知道它并不是真的打算这样做。

<p:lightBox styleClass="imagebox" widgetVar="light">
  <h:outputLink value="#{imageBean.getImageResourceLink(id)}" title="#{name}" onclick="light.hide();"/> 
   <h:graphicImage library="thumb_lib" name="#{id}" width="165"/>
  </h:outputLink>  
</p:lightBox>

现在，我想在打开的灯箱内点击时关闭/隐藏灯箱。这不能按预期工作。只有当我点击灯箱导航箭头时，灯箱才会隐藏。好，隐藏某种方式有效。但是，如何通过点击灯箱内部来隐藏它？

我怎样才能做到这一点？

强尼

Answer 1

在p:lightBox

中看不到任何“onclick”事件

所以我想你可以使用jQuery的帮助......
以下应该可以正常工作（添加到您的js文件或脚本标记）

jQuery(document).delegate(".imagebox", "click", function (event) {
    light.hide(); 
});

或

jQuery(document).delegate(".ui-lightbox-content-wrapper", "click", function (event) {
    light.hide(); 
});

如果您的lightBox获得了ID，则可以使用....delegate("#idOfLightBox ",....

Primefaces Lightbox：如何调用hide（） - 方法

1 个答案: