photoswipe.js在codepen中呈現空白

Question

我使用photoswipe jQuery圖庫插件。我在控制檯中沒有錯誤。我包含了所有必需的js和css。不知道爲什麼它是空白的。

http://codepen.io/eldyvoon/pen/BLWWbW

$(document).on('click','.album_item',function(){ 

      var photosIndex = $(this).closest('.box_album_item').index() - 2; 
      console.log(photosIndex) 

      var pswpElement = document.querySelectorAll('.pswp')[0]; 

      var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, pswpAlbum_Items); 
      gallery.init(); 

      gallery.goTo(photosIndex); 

     }); 

Answer 1

評論display: none顯示專輯

#album_item{ 
    margin: 0 -1px 0 -1px; 
    overflow: hidden; 
    //display: none; 
    margin-top: 31px; 
}