PhotoSwipe.js показывает UNDEFINED и не может отображать изображения

Question

Я использую Photoswipe и использую ту же самую HTML-структуру и скрипт, как показано на сайте, но при нажатии на мой эскиз открывается черный экран и просто отображается значок "X".

Панель ошибок JS читает 404 не найдено. Он пытается добавить "неопределенный" в конец пути к изображению.

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

Глядя на документы, похоже, что вам нужно прикрепить фотохудожник к якору.

Попробуй это:

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