Galleria：包含未显示链接的图层

Question

我正在使用galleria jquery 插件的 1.2.5 中引入的全新 HTML 层功能。它工作得很好，但只要标记中有 标记，就根本不会显示任何图层。这是我的标记：

<div id="galleria">
    <a href="feature-image.jpg" class="link">
        <img title="feature" alt="" src="feature-thumbnail.jpg" class="image" />
        <div class="layer">
            <h3>subtitle</h3>
            <h2>title</h2>
            <p>lorem ipsum dolor sit amet</p>
            <p><a href="http://www.example.com">read more...</a></p>
        </div>
    </a>
</div>

还有 JavaScript：

$('#galleria').galleria({
    dataConfig: function(img) {
        return {
            layer: $(img).siblings('.layer').html()
        };
    }
});

有人有想法吗？提前致谢！

Answer 1

嗯，我的猜测是它没有按预期工作，因为 div .layer 在它不应该的 元素内。尝试将您的 html 重新排序为：

<div id="galleria">
    <a href="feature-image.jpg" class="link">
        <img title="feature" alt="" src="feature-thumbnail.jpg" class="image" />
    </a>
    <div class="layer">
        <h3>subtitle</h3>
        <h2>title</h2>
        <p>lorem ipsum dolor sit amet</p>
        <p><a href="http://www.example.com">read more...</a></p>
    </div>
</div>

然后您的商业街代码将是：

$('#galleria').galleria({
    dataConfig: function(img) {
        return {
            layer: $(img).parent().next().html()
        };
    }
});