-1

我是 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;?>
4

1 回答 1

-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>
于 2013-09-25T05:29:17.733 回答