Magnific Popup - 延迟弹出100秒&做一些像checkmark一样的工作

时间:2014-01-08 00:29:14

标签: popup magnific-popup

我不是javscript编码器,所以我需要一些帮助。

  1. 我想在100秒后加载弹出窗口。
  2. 我希望如果用户点击关闭X,该弹出窗口会为该用户关闭30天......就像点击解雇中的点击一样。
  3. 如果你可以帮助我,我会非常高兴:)。

    以下是我用于Magnific Popup的代码:

    var et_popup_closed = $.cookie('etheme_popup_closed');
    $('.etheme-popup').magnificPopup({
        type: 'inline',
        preloader: false,
        focus: '#username',
        modal: true
    });
    
    if(et_popup_closed != 'do-not-show') {
        $('.etheme-popup').click();
    }
    
    $(document).on('click', '.popup-modal-dismiss', function (e) {
        e.preventDefault();
        $.magnificPopup.close();
        if($('#showagain:checked').val() == 'do-not-show')
            $.cookie('etheme_popup_closed', 'do-not-show', { expires: 30, path: '/' } );
    });
    

1 个答案:

答案 0 :(得分:2)

使用延迟初始化弹出窗口,使用setTimeout


    $(window).load(function () {
      setTimeout(function(){
    $.magnificPopup.open({
     items: {
            src: '#ID' //ID OF INLINE ELEMENT
                },
            type:'inline',
      mainClass: 'my-mfp-zoom-in'
            });
     }, 100000);  // equals 100 seconds
        });

您可以更改类型:' inline'任何事情(如类型:'图像')并更改src

您可以查看demo here(窗口加载后18秒后打开)

对于cookie部分,我一直在努力解决这个问题。