Magnific popup：获取“无法加载图像”，图像网址未定义

Question

由于某种原因，我无法进行大幅度的弹出工作，因此始终无法加载“图像无法加载”。图片网址为“未定义”。

<div class="album">
    <a href="http://lorempixel.com/1024/768/?a=1">
        <img src="http://lorempixel.com/168/168/?a=1" />
    </a>
    <a href="http://lorempixel.com/1024/768/?a=2">
        <img src="http://lorempixel.com/168/168/?a=2" />
    </a>
    <a href="http://lorempixel.com/1024/768/?a=3">
        <img src="http://lorempixel.com/168/168/?a=3" />
    </a>
</div>

<script>
    $(function() {
        $('div.album').magnificPopup({ type: 'image' });
    });
</script>

http://jsfiddle.net/8vTYf/2/

Answer 1

将代码更改为：

$(function() {
    $('div.album').magnificPopup({delegate: 'a', type: 'image' });
});

从http://dimsemenov.com/plugins/magnific-popup/documentation.html#initializing_popup

开始

问题是你引用了容器而不是包含图像链接的'a'元素。