2017-09-11 8 views
1

ホームページの読み込み時にポップアップを開く必要があります。ホームページが開くたびに、ポップアップは1回だけ表示されなければなりません。つまり、同じセッションがホームページに戻ると、ポップアップを開く必要はありません。ブラウザを閉じてホームページを開くと、ポップアップが開く必要があります。私はポップアップセッションあたり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

ために、このコードを使用しています

は、ポップアップがその後、すべてのページにそれを制御するユーザーに表示されていることを示すクッキーを書きます。 jQueryの場合。

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

次に、このコードは、ユーザーがページを離れるときにCookieを削除します。モダールをもう一度表示することができます。

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

か、この

<body onunload="cookieRemover()"> 

リファレンスクッキーのプラグインのようなものを使用することができます。https://github.com/carhartl/jquery-cookie

+0

がどのように私は#overlayするクッキーをリンクするのですか?リンクしたプラグインが必要ですか? –

+0

プラグインは、クッキーを管理したり、ドキュメントを読んだり(更新した可能性があります)、クッキーが存在すればあなたのdivを表示するという単純なif条件を置くのに役立ちます。 – siniradam

関連する問題