第二次使用jquery刷新主页时,弹出窗口不应该打开

时间:2017-10-12 06:07:05

标签: php jquery

$(document).ready(function() {

  var firstTime = localStorage.getItem("firstTime");

  if (!firstTime) {
    // all your current code

    jQuery('.home #footera').on("click", function(e) {
      jQuery(".pum-overlay").css("display", "block");

      jQuery(".pum-overlay").css("position", "relative");

      jQuery(".pum-container").css("display", "block");
      jQuery("#footera").css("display", "none");
    });

    jQuery(".pum-close").click(function($) {
      jQuery(".home #footera").css("display", "block");
    });

    localStorage.setItem("firstTime", true);
  }

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

主页上有一个弹出窗口。我不想让用户刷新页面或从其他内页返回主页时打开弹出窗口。

当我第二次刷新主页时,如何才能打开弹出/简报。

I tried following codes suggested by stackoverflow:
    $(document).ready(function() {  

        var firstTime = localStorage.getItem("firstTime");

        if(! firstTime){
           // all your current code

             jQuery('.home #footera').on("click", function(e){
jQuery(".pum-overlay").css("display","block");

jQuery(".pum-overlay").css("position","relative");

jQuery(".pum-container").css("display","block");
jQuery("#footera").css("display","none"); 
  });

jQuery(".pum-close").click(function($){
     jQuery(".home #footera").css("display","block"); 
    });

           localStorage.setItem("firstTime", true);
        }

    });

2 个答案:

答案 0 :(得分:0)

首先,您必须检查浏览器刷新次数。如果条件大于1而不是弹出未打开,则可以设置条件。我看到你给同一个元素的css 2次,它只添加代码行和加载。您可以在同一个选择器上提供多个css。

为了检查refreshi的数量会在这里添加小提琴,您可以检查值并根据您的逻辑进行管理。

https://jsfiddle.net/bk8bfo4g/1/

添加多个css:

jQuery(".pum-overlay").css({'position':'relative','display' : 'block'});

答案 1 :(得分:0)

如果您想在首次访问后阻止弹出窗口重新打开,则使用 $(document).ready(function() { var cookieValue = $.cookie("test"); //any name you want to give if(empty(cookieValue)){ $.cookie("test", 1, { expires : 10 }); //test is the name of cookie and expires : 10 is for 10 days. You can set that according to your requirement //your popup code } } 这个简单的解决方案。

{{1}}