如何在已经打开后将新内容加载到Fancybox3？

Question

如何在没有关闭当前Fancybox的情况下打开Fancybox 3后加载新内容。

我尝试使用fancybox3 + masonry +无限滚动制作图库页面

问题是我打开Fancybox没有加载由ajax加载的新内容的新图像。

当Fancybox到达当前图库中的最后一个元素时，将加载新内容。

function loadFancy(){
    $('.fancybox').fancybox({
        selector : '[data-fancybox="gallery"]',
        afterShow: function(instance, current) {
            if (current.index  ===  instance.group.length - 1) {
                $("html, body").animate({ scrollTop: $(document).height() }, "slow");
            }
        }
    });
}

Answer 1

这是你如何获得对当前实例的引用并使用addContent方法添加新的库项目：

$.fancybox.getInstance().addContent({
  'type' : 'image', 
  'src'  : '/path/to/your/image.jpg'
});

顺便说一句，如果你想知道为什么没有记录这个方法，那么这个方法最初计划是内部使用的私有方法，但无论如何你都可以使用它。