华丽的弹出窗口:获得"无法加载图像“;并且图像url未定义

Magnific popup: getting "The image could not be loaded" and image url is undefined

本文关键字：图像 加载 未定义 url quot 窗口 获得      更新时间：2023-09-26

由于某种原因，我无法使放大镜弹出窗口一直处于"无法加载图像"状态。图像url为"未定义"。

<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/

将代码更改为：

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

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

问题是您引用了容器，而不是包含到映像的链接的"a"元素。

相关文章：