Question

我正在使用galleria jquery插件1.2.5中引入的全新HTML图层功能。它工作正常，但只要有一个＆lt; a＆gt;标记中的标记，根本没有显示任何图层。这是我的标记：

<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位于＆lt; a＆gt;内。不应该的元素。尝试重新排序你的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').galleria({
    dataConfig: function(img) {
        return {
            layer: $(img).parent().next().html()
        };
    }
});

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

1 个答案: