0

画像が 1 つしかないライトボックスがあります。はい、私はそれが本当に意図されていないことを知っています。

<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(); 
});

lightBox が使用できる ID を取得した場合....delegate("#idOfLightBox ",....

于 2012-06-19T06:51:57.357 に答える