1

ライトボックス プラグインを使用しているときに、そのオーバーレイ (通常は をクリックすると表示される灰色がかった黒い背景<a>) がページの下部に表示され、ユーザーが画像をクリックしても閉じないという奇妙な問題があります。これを説明するのは少し難しいので、問題を説明する画像を次に示します。

ここに画像の説明を入力

これをクリックすると、次のように、<form>要素の外側のページの下部にオーバーレイが作成され、画像がさらに下になります。

ここに画像の説明を入力

レンダリングされたイメージのマークアップは次のようになります。

<div id="lightbox-gallery">
   <ul>
      <li><a href="/what-does-it-do/submit-annual-returns/lightboxobjects/forbury-large1/" rel="lightbox[group]" rev="/What-does-it-do/Submit-Annual-Returns/LightboxObjects/forbury-large1" title="Fobury court"><img src="/getattachment/819283f6-7436-40dc-9401-9f8194efc0e8/forbury-large1?maxsidesize=150" alt="forbury-large1"></a></li>
   </ul>
</div>

jQuery は次のとおりです。

$(function () {
    $('#lightbox-gallery ul li a').lightBox();
});

ここで明らかな何かが欠けていますか？どんな助けでも大歓迎です

4

2 に答える 2

1

Lightbox Css ファイルをインポートしていますか? オーバーレイに正しいスタイルが適用されていないようです。

于 2012-10-18T20:39:30.840 に答える
0

ここで説明されているように、非常に基本的な設定で試すことができます（テスト用）

http://leandrovieira.com/projects/jquery/lightbox/

同じプラグインを使用していることを願っています。

于 2012-10-17T01:32:04.977 に答える