fancybox-3クローズボタンディスエーブル/イネーブルディレイが動作しない

Question

私はファンシーボックスクローズボタンを持っています。 iframeが開くと、閉じるボタンがx時間遅れて表示されます。このように正確にDEMO hereのファンシーボックスの以前のバージョンでは解決されていますが、ファンシーボックス-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（コンテンツの親要素）から任意の要素にアクセスできます。