如何在viewer.js中显示动态图像

Question

我正在使用viewer.js https://fengyuanchen.github.io/viewerjs。初始化DOM时会加载3张图片，点击其他图片会加载其他图片。当我单击它们时，viewer.js无法检测到动态创建的图像，也没有加载它，只有第一个3图像除外。我该如何解决这个问题。

  $(function() {
    $(document.body).on('click','.filterable-item', function() {
var galley = document.getElementById('filterable-item-holder-1');
console.log('galley', galley);
var viewer = new Viewer(galley, {
    url: 'data-original',
    toolbar: {
      oneToOne: true,
      zoomIn: 4,
      zoomOut: 4,
      loading : true,
      prev: function() {
        viewer.prev(true);
      },

      play: true,
      next: function() {
        viewer.next(true);
      },

      download: function() {
        const a = document.createElement('a');
        a.href = viewer.image.src;
        a.download = viewer.image.alt;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
      },
    },
  });
console.log('viewer ',viewer);
   });  

 });