javascript - 巨大的弹出窗口：获取“无法加载图像”并且图像 url 未定义

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”元素。