PhotoSwipe.js显示UNDEFINED并且无法显示图像

Question

我使用的是Photoswipe并使用与网站上显示的完全相同的HTML结构和脚本，但是当点击我的缩略图时，会打开黑屏，只显示＆＃34; X＆＃34;图标。

JS错误面板读取404未找到。它试图添加＆＃34; undefined＆＃34;到图像路径的末尾。

JS：

<script>
    $(document).ready(function () {

        var myPhotoSwipe = $("#ulProdImgs").photoSwipe({ enableMouseWheel: false, enableKeyboard: false });

    }); 
    </script>

HTML：

<ul id="ulProdImgs">
<li>
<a href="/images/fence.jpg"><img src="/images/fence.jpg" alt="Image 01" /></a>
</li>
<li>
<a href="/images/fence.jpg"><img src="/images/fence.jpg" alt="Image 02" /></a>
</li>
</ul>

使用jQuery 1.8.0 - 这是不兼容的吗？

错误是将undefined添加到路径末尾：

GET http://mysite.com/page/undefined 404 (Not Found)

Answer 1

查看文档，您需要将photoswipe附加到锚点。

试试这个：

var myPhotoSwipe = $("#ulProdImgs a").photoSwipe({ enableMouseWheel: false, enableKeyboard: false });