Question

这个问题已经有了答案，但我仍然不确定它是如何运作的。

这是我的代码：

这是我的JavaScript：

name=value

以下是HTML：

   <!--PopupScript-->
    <script>
      // you can use just jquery for this
      $(document).ready(function(){
         $('#overlay-back').fadeIn(500,function(){
            $('#popup').show();
         });

         $(".close-image").on('click', function() {
            $('#popup').hide();
            $('#overlay-back').fadeOut(500);
         });
      });
   </script>

此解决方案非常适合我需要它。问题是我不希望每次有人导航到主页时弹出窗口，我希望弹出窗口每个用户或会话只显示一次。我知道这可以通过使用＆＃39; cookies来实现，但我不确切知道如何将其合并到上面的JavaScript中。

非常感谢任何帮助。谢谢。

Answer 1

您可以使用localStorage。

示例：

    $('#overlay-back').fadeIn(500,function(){
        if (localStorage.popupShown !== "true") {
          $('#popup').show();
          localStorage.popupShown = "true";
        }
     });

Answer 2

你可以尝试

$(document).ready(function(){
         if (sessionStorage.count==0) {
         $('#overlay-back').fadeIn(500,function(){
            $('#popup').show();
            sessionStorage.count = 1;
         });
         }

         $(".close-image").on('click', function() {
            $('#popup').hide();
            $('#overlay-back').fadeOut(500);
         });
      });

每个用户仅显示一次弹出窗口

2 个答案: