如何使弹出窗口只为页面上的新访问者加载一次
How do I get my pop up to only load once for new visitors on my page?
每次刷新页面时都会出现此脚本。我现在使用的JavaScript生成一个灯箱,该灯箱在页面加载时自动加载。我只需要为独特的新访客加载一次。
<script type="text/javascript">
$(function () {
$("#button").click(function () {
$("#overlay").fadeTo(1000, .8);
$(".playerWindow").show(750);
//$("body").scrollTop(0);
});
$(".closePlayer, #overlay").click(function () {
$(".playerWindow").hide(750);
$("#overlay").fadeOut(1000);
});
});
$(window).load(function () {
$("#overlay").fadeTo(1000, .8);
$(".playerWindow").show(750);
});
</script>
我会从PHP(或您正在使用的任何备份(中检查cookie。如果cookie不存在,请在dom中放入一个div。然后,使用javascript,检查元素在dom中是否存在,并弹出该内容。
您可以通过javascript处理cookie来完成这一切。同样的逻辑,不需要只检查dom元素。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Emberjs应用程序加载在除Index之外的所有路由上
- 在chrome.tabs.onCreated之后加载HTML页面
- 单击F5时如何停止页面加载
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 跟踪在页面加载时应用内联样式的JavaScript
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- jQuery Lazy加载动画滚动
- 使用php脚本验证访问者的年龄,并在不刷新的情况下根据结果加载iframe
- 向访问者显示图像并从服务器中删除该图像(在同一页面加载时)
- 如果访问者有移动设备,则阻止从站点加载图像.意见
- 嵌入贪吃蛇游戏以吸引网站访问者,而页面/模块被加载到网站中
- 文件未根据访问者位置正确加载
- 只进行一次跟踪像素加载(每次访问者点击)
- 如何在网站检测到访问者使用手机时自动加载手机页面
- 如何使弹出窗口只为页面上的新访问者加载一次
- 强制为每个访问者加载启动页面