0

我有一个只有一张图片的灯箱。是的，我知道它并没有真正为此而设计。

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

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

我怎样才能做到这一点？

强尼

4

1 回答 1

1

在里面看不到任何“onclick”事件p:lightBox

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

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

或者

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

如果您的灯箱有一个 ID，您可以使用....delegate("#idOfLightBox ",....

于 2012-06-19T06:51:57.357 回答