photoswipe左滑右滑失效

Question

。

静态添加这种数据的时候左滑右滑没问题，动态添加的时候左滑右滑失效了，有用过的大神么。

是initPhotoSwipeFromDOM('.my-gallery');调用的位置问题么

Answer 1

用这种方式

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

// build items array
var items = [
    {
        src: 'https://placekitten.com/600/400',
        w: 600,
        h: 400
    },
    {
        src: 'https://placekitten.com/1200/900',
        w: 1200,
        h: 900
    }
];

// define options (if needed)
var options = {
    // optionName: 'option value'
    // for example:
    index: 0 // start at first slide
};

// Initializes and opens PhotoSwipe
var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
gallery.init();

Answer 2

js加载顺序不正确