PhotoSwipe.js顯示UNDEFINED且無法顯示圖像

Question

我使用Photoswipe並使用與網站上顯示的完全相同的HTML結構和腳本，但是當單擊我的縮略圖時，黑色屏幕會打開並只顯示一個「X」圖標。

JS錯誤面板讀取404未找到。它試圖將「未定義」添加到圖像路徑的末尾。

JS：

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

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

    }); 
    </script> 

HTML：使用jQuery 1.8.0

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

上午 - 這是不兼容？

錯誤是增加不確定的結束路徑的這樣：

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

Answer 1

它看起來像你需要photoswipe連接到錨的文檔看。

試試這個：

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