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

Question

我有我的fancybox 关闭按钮显示：无；当 iframe 打开时，我希望关闭按钮延迟 x 时间出现。和这个DEMO一模一样。虽然它在早期版本的花式框在这里解决了，但在花式框 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（内容的父元素）访问任何元素。