freatherlight unlinked图像

Question

我在使用羽毛灯时遇到了一些麻烦，由于某些原因它无法正常工作，我使用Ghost作为平台，并且我使用Ghost＆＃39; markdown将一些图像添加到帖子中，以便使用羽毛灯我需要链接到那些带有类的图像，以便将它们绑定到featherlight，所以我使用以下jQuery

    $(document).ready(function() {
    $("img").each(function() {
        var $this = $(this);
        var src = $this.attr('src');
        var a = $('<a/>').attr('href', src).addClass('lightbox');
        $this.wrap(a);
        });
    });

并调用featherlight

    $("a.lightbox").featherlight({
        closeOnClick: 'anywhere',
    });

我在Chrome浏览器中查看我的检查器并且没有错误，并且使用正确的类将图像包装在标签中：

<a href="/content/images/2015/05/IMG_0150.jpg" class="lightbox">
    <img src="/content/images/2015/05/IMG_0150.jpg" alt="Beautiful Girls">
</a>

有一件事我注意到，在标签之后，我为帖子中的每个图像获得了一个span类

<span class="overlayContainer" style="top: 1603px; left: 1108.5px;"></span>

我是JS和jQuery的新手，所以这可能是一个非常简单的修复。

Answer 1

将$("a.lightbox").featherlight({closeOnClick: 'anywhere',});块放在$(document).ready(function(){/* ... */});内。同时删除'anywhere',

之后的额外逗号

您的代码beocomes

$(document).ready(function() {
    $("img").each(function() {
        var $this = $(this);
        var src = $this.attr('src');
        var a = $('<a/>').attr('href', src).addClass('lightbox');
        $this.wrap(a);
    });

    $("a.lightbox").featherlight({
        closeOnClick: 'anywhere'
    });
});