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