我希望modal只出现一次

时间:2017-12-12 16:11:54

标签: javascript jquery modal-dialog

我使用jquery simplemodal.js与简报订阅regestration,我需要让它滚动触发,不出现在每个网站上,只有当我们第一次访问网站,消失母鸡我们取消它或提交,而不再出现。

if (window.location.href.indexOf('cruises') == -1){
    if (!newsletter) {
        var name = 'scroll_popup';
        if (sessionStorage[name] != 1 && window[name] != 1) {
            $(window).on('scroll', function() {
                var y_scroll = window.pageYOffset;
                var scroll_test = 150; 

                    if(y_scroll > scroll_test) {
                        $('#my_popup').modal({closeClass: 'modal-close'});
                    }
            });
            cancelPopup();
        }
    }
}

function cancelPopup() {
    var name = 'scroll_popup';
    try {
        sessionStorage.setItem(name, 1);
    } catch(e) {
        window[name] = 1;
    }
}

$(document).on('click', '.js-cancel_popup', function(e) {
    cancelPopup();
});

当我们第一次来到网站时,点击提交或取消模态消失,滚动时不显示

在我们滚动时出现取消模态

0 个答案:

没有答案