fancybox-3關閉按鈕禁用/啓用延遲不起作用

Question

我有我的fancybox關閉按鈕diplay：無;當iframe打開時，我希望關閉按鈕以x時間的延遲出現。完全像這樣DEMO。 儘管它在here的早期版本的花式框中解決，但在fancybox-3它第一次工作，此後關閉按鈕不會出現，直到我刷新頁面。

我用下面的JS代碼延遲：

$(document).ready(function() { 
    setTimeout(function() { 
    $(".fancybox-button--close").show(); 
    }, 5000); 
}); 

任何想法？謝謝。

Answer 1

這是你如何訪問工具欄，並使其可見，如果需要的話：

$('[data-fancybox="images"]').fancybox({ 
    afterShow : function(instance, slide) { 
    setTimeout(function() { 
     instance.$refs.toolbar.show(); 
    }, 3000); 
    } 
}); 

演示 - https://codepen.io/anon/pen/oeWqrJ

但是，如果你想切換小關閉按鈕，下面是一個例子：

$('[data-fancybox]').fancybox({ 
    toolbar : false, 
    smallBtn : true, 
    afterShow : function(instance, slide) { 
    setTimeout(function() { 
     slide.$slide.find('.fancybox-close-small').show(); 
    }, 3000); 
    } 
}); 

演示 - https://codepen.io/anon/pen/oeWqRJ

基本上，您可以從instance.$refs（對界面元素的引用的集合）或slide.$slide（內容的父元素）訪問任何元素。