Simplemodal弹出窗口每次会话显示一次?

时间:2013-09-25 05:16:42

标签: javascript php jquery cookies simplemodal

我是javascript和jQuery的新手。当用户访问我的网站时,我使用SimpleModal basic来显示弹出窗口。它运行良好,但每次访问者访问主页时,弹出窗口都会显示。

例如:

  • 访客A进入我的主页,弹出窗口首次显示 - 很棒
  • 访问者A访问我网站内的页面,点击徽标返回主页,弹出窗口第二次显示,并且每次访问者A返回主页时都会显示 - 这不好。

我需要每个会话只显示一次此弹出窗口。

我在互联网上搜索过,并且已经看到使用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;?>

1 个答案:

答案 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>