javascript - 如何重用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

只需使用 jQuerydata方法设置新源：

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

Answer 2

试试这个，var url =用你的 href 元素改变下面的代码。

$(".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