fancybox-3关闭按钮禁用/启用延迟不工作

Question

我有我的fancybox关闭按钮显示:无；当一个iframe打开时，我希望关闭按钮在x时间的延迟中出现。就像这个演示。虽然它是在这里中较早版本的fancybox中解决的，但在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 (内容的父元素)访问任何元素。