モーダルニュースレターポップアップをセッションごとに1回だけ表示するにはどうすればいいですか？

Question

これは、セッションごとにモーダルポップアップを1回だけ使用するためのコードです。私の問題は、ホームページにアクセスするたびにdivが表示されることです。代わりに、セッションごとに1回のみdivを表示したいと思います。私はそれをクッキーで修正しようとしましたが、うまくいきませんでした。

<script> 
    if (!Cookies.get('popup')) { 
     setTimeout(function() { 
      $('#myModal').modal(); 
     }, 600); 
    } 
    $('#myModal').on('shown.bs.modal', function() { 
     // bootstrap modal callback function 
     // set cookie 
     Cookies.set('popup', 'valid', { expires: 3, path: "/" }); // need to set the path to fix a FF bug 
    }) 
</script> 

Answer 1

クッキーを設定します。

$(document).ready(function() { 
if ($.cookie('noShowWelcome')) $('.yourDivClass').hide(); 
else { 
    $("#close-welcome").click(function() { 
     $(".yourDivClass").fadeOut(1000); 
     $.cookie('noShowWelcome', true);  
    }); 
    } 
}); 

jQuery.cookieのjavascriptファイルを含める必要があります。

Download jQuery.cookie

ホープこのことができます:)モーダルが示されているか否かのフラグを格納する