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

Question

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

JS error panel читает 404 не найден. Он пытается добавить «undefined» в конец пути изображения.

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> 

Am с помощью 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 });