jquery - jQuery灯箱插件覆盖问题

Question

我在使用灯箱插件时遇到了一个奇怪的问题，它的叠加层（通常在单击 时显示的灰黑色 bg <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();
});

我在这里遗漏了一些明显的东西吗？任何帮助将不胜感激

Answer 1

您要导入 Lightbox Css 文件吗？似乎正确的样式未应用于叠加层。

Answer 2

您可以使用此处描述的非常基本的设置进行尝试（仅用于测试）

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

我希望你使用相同的插件。