如何重复使用fancybox3 iframe

Question

使用fancybox3时，我们要动态更改iframe的链接。 因此，我们更改了data-src属性，该属性在第一次使用时效果很好。 但是，当我们通过jQuery更改链接并再次打开fancybox时，它将打开旧的data-src 。 您如何重新使用精美的包装盒或销毁并重新创建精美的包装盒？

<a class="inre-product--book" data-fancybox="iframe"
                   data-src="http://somelink.com"
                   data-type="iframe">
                    Link
</a>

Answer 1

尝试使用下面的代码，用href元素更改var url = 。

$(".fancybox").fancybox({
    autoScale: false,
    // href : $('.fancybox').attr('id'), // don't need this
    type: 'iframe',
    padding: 0,
    closeClick: false,
    // other options
    beforeLoad: function () {
        var url = $(this.element).attr("id");
        this.href = url
    }
}); // fancybox

Answer 2

只需使用jQuery data方法设置新的源：

$('selector').data('src', 'new link')