【问题标题】:Add delay to this newsletter popup code - jQuery Modal Window Popup Code向此时事通讯弹出代码添加延迟 - jQuery 模态窗口弹出代码
【发布时间】:2018-01-02 02:42:59
【问题描述】:

我的网站是https://urbancitee.com,我使用的是 Ella 主题,Shopify 平台。

我正在使用这个主题的内置弹出代码:

<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function() {    //
    var $modalParent        = jQuery('div.newsletterwrapper'),
        modalWindow         = jQuery('#email-modal'),
        emailModal          = jQuery('#email-modal'),
        modalPageURL        = window.location.pathname; 

    modalWindow = modalWindow.html();
    modalWindow = '<div id="email-modal">' + modalWindow + '</div>';
    $modalParent.css({'position':'relative'});
    jQuery('.wrapper #email-modal').remove();
    $modalParent.append(modalWindow);

    if (jQuery.cookie('emailSubcribeModal') != 'closed') {
        openEmailModalWindow();
    };

    jQuery('#email-modal .btn.close').click(function(e) {
        e.preventDefault();
        closeEmailModalWindow();
    });
    jQuery('body').keydown(function(e) {
        if( e.which == 27) {
            closeEmailModalWindow();
            jQuery('body').unbind('keydown');
        }
    });
    jQuery('#mc_embed_signup form').submit(function() {
        if (jQuery('#mc_embed_signup .email').val() != '') {
            closeEmailModalWindow();
        }
    });

    function closeEmailModalWindow () {
        jQuery('#email-modal .modal-window').fadeOut(600, function() {
            jQuery('#email-modal .modal-overlay').fadeOut(600, function() {
                jQuery('#email-modal').hide();
                jQuery.cookie('emailSubcribeModal', 'closed', {expires:1, path:'/'});
            });
        })
    }
    function openEmailModalWindow () {
        jQuery('#email-modal').fadeIn(600, function() {
           jQuery('#email-modal .modal-window').fadeIn(600);
        });
    }

});
// ]]
// ]]></script>

请帮我为这个弹出窗口添加一个延迟,大约 60 秒。非常感谢!!!

【问题讨论】:

    标签: javascript jquery popup shopify newsletter


    【解决方案1】:

    【讨论】:

    • 感谢您的建议!!但我对javascript一无所知,我只是一个设计师:(你能把这个函数添加到我的代码中吗?非常感谢!
    • 这和 Rikin 的回答完全一样。
    【解决方案2】:

    您使用 setTimeout 并包含所需的延迟毫秒数。

    if (jQuery.cookie('emailSubcribeModal') != 'closed') {
        setTimeout(openEmailModalWindow, 60000);
    };
    

    【讨论】:

    • 是啊!像魅力一样工作!非常感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多