在codepen中的photoswipe.js空白渲染

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