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')

如何重用fancybox3 iframe

2 个答案: