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

Question

我正在使用 Photoswipe，并且使用与网站上显示的完全相同的 HTML 结构和脚本，但是当单击我的缩略图时，会打开黑屏并仅显示一个“X”图标。

JS 错误面板显示 404 not found。它正在尝试将“未定义”添加到图像路径的末尾。

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 - 这不兼容吗？

错误是将未定义添加到路径末尾，如下所示：

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

Answer 1

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

试试这个：

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