Question

我需要在加载主页时打开一个弹出窗口。每次打开主页时，弹出窗口必须只出现一次：如果同一会话返回主页，则弹出窗口不必打开。如果我关闭浏览器并打开主页，则必须打开弹出窗口。

我正在使用此代码进行弹出

 $(document).ready(function() {
    $('#overlay').fadeIn('fast');
    $('#box').fadeIn('slow');

    $(".close").click(
    function(){
    $('#overlay').fadeOut('fast');
    $('#box').hide();
    });


    $("#overlay").click(
    function(){
    $(this).fadeOut('fast');
    $('#box').hide();
    });

});

Answer 1

编写一个cookie，指示向用户显示弹出窗口，然后在每个页面中控制它。对于jQuery;

$.cookie("popUpShown", 1, { expires: 1});

然后，当用户离开页面时，下面的代码将删除cookie。所以你可以再次显示你的模态。

$(window).unload(function() {
   $.removeCookie('popUpShown');
});

或者你可以使用这样的东西

<body onunload="cookieRemover()">

参考Cookie插件：https://github.com/carhartl/jquery-cookie

每次会议覆盖一次...... Cookie？

1 个答案: