我是javascript和jQuery的新手。当用户访问我的网站时,我使用SimpleModal basic来显示弹出窗口。它运行良好,但每次访问者访问主页时,弹出窗口都会显示。
例如:
我需要每个会话只显示一次此弹出窗口。
我在互联网上搜索过,并且已经看到使用cookie可以解决这个问题,但我不确定如何将cookie函数绑定到模态脚本的函数中。
如何实现cookie来跟踪模态函数,并在页面加载时只显示一次?
以下是加载模态内容的脚本:
<?php if($_SERVER['REQUEST_URI'] == '/'): ?>
<script type="text/javascript" src="<?php bloginfo(template_url);?>/assets/javascripts/jquery.leanModal.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#basic-modal-content').modal();
});
</script>
<?php endif;?>
答案 0 :(得分:-1)
您可以使用名为jQuery cookie的jquery插件执行此操作,已下载并使用脚本标记将其包含在页面中;将您的代码更改为
<script type="text/javascript">
jQuery(document).ready(function() {
if (jQuery.cookie('shown_modal')==undefined) {
jQuery.cookie('shown_modal', 'true');
jQuery('#basic-modal-content').modal();
}
});
</script>