如何重新使用fancybox3 iframe

使用fancybox3時，我們希望動態更改iframe的鏈接。所以我們改變了data-src屬性，這個屬性第一次正常運行。但是，當我們通過jQuery更改鏈接並再次打開fancybox時，它會打開舊的data-src。你如何重新使用這個花哨的盒子，或者摧毀並重新創建一個花哨的盒子？如何重新使用fancybox3 iframe

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

來源

2017-07-26 Roel Veldhuizen

嘗試使用下面代碼中的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

來源

2017-07-26 13:41:46

的前負荷是triggerd但URL未設置。將它縮小爲： jQuery（'[data-fancybox]'）。fancybox（{0}}} beforeLoad：function（）{ var url ='http://google.com'; console.log（'Debug：'+ url）; this.href = url; } }） –

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

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

來源

2017-07-27 06:01:06 Janis

如何重新使用fancybox3 iframe

回答

相關問題