Question

我有我的fancybox关闭按钮diplay：none;当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（内容的父元素）访问任何元素。

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

1 个答案: