2017-09-11 101 views
1

我需要在加載主頁時打開一個彈出窗口。每當主頁打開時,彈出窗口只能出現一次:如果同一會話返回到主頁,則不必打開彈出窗口。如果我關閉瀏覽器並打開主頁,則必須打開彈出窗口。每個會話覆蓋一次... Cookie?

我使用這個代碼,彈出

$(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(); 
    }); 

});  

回答

0

寫一個cookie,指示顯示給用戶,然後在每個頁面控制它彈出。對於jQuery;

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

然後下面的代碼在用戶離開頁面時刪除cookie。所以你可以再次顯示你的模態。

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

,或者你可以使用這樣的事情

<body onunload="cookieRemover()"> 

參考cookie的插件:https://github.com/carhartl/jquery-cookie

+0

如何鏈接cookie來#overlay?我需要鏈接的插件嗎? –

+0

插件僅幫助您管理cookie,閱讀文檔(可能已更新)並放置一個簡單的條件,如果cookie存在,然後顯示您的div。 – siniradam