Question

我不确定Tumblr是否可以这样做。我所拥有的弹出窗口不是＆＃39;的fancybox＆＃39; 。我试过在这里找到一个解决方案，但我没有多少运气。我有一个弹出框，当访问者访问我的博客时显示，但每当我点击下一页时 - 它会再次弹出。每次有人刷新时我都不希望它弹出来。我想要它所以它每个用户每7天弹出一次它有一个＆＃39;不再显示消息＆＃39;他们的选择。

这是脚本。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"> </script>

<script>
$(document).ready(function() {

var id = '#dialog';


//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();


//Set heigth and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});

//transition effect
$('#mask').show(1000);
$('#mask').fadeTo("slow",0.5);

//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();

//Set the popup window to center
$(id).css('top',  winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);

//transition effect
$(id).show(2000);  

//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();


$('#mask').hide();
$('.window').hide();
});


//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});




});

</script>

这是关闭按钮

<a href="#" title="close" class="close"><div class="rotating" style="margin-    left:395px; margin-top:-25px; position:absolute;"><big>✦</big> </div></a><br><br>

Answer 1

您必须在自己的网站上使用Cookie或会话，以便跟踪哪些用户看过弹出窗口。

在这种情况下，我可能会推荐HTML5 webstorage。

HTML Local Storage

然后，您可以存储与弹出窗口相关的项目，并在每次向用户显示弹出窗口之前检查或设置有效期。

希望这有帮助。

弹出式＆＃39;再也不要显示此消息＆＃39;选项

1 个答案: