显示引导程序模态第一次加载页面

Question

当一个人第一次访问某个页面时(我登录到我的应用程序后),我正在尝试显示一个bootstrap模式.我想使用模式提供"入门"视频,并提供"不再向我显示此复选框"复选框,以便访问者可以在将来登录时绕过"获取启动模式".

我能够通过以下教程获得在页面加载时显示的模态:

在页面加载时启动Bootstrap Modal

但是现在我只是在登录后第一次用户访问页面时才停止显示它(它目前在页面刷新等时启动)

我是javascript和编程的新手,并使用Django Python 2.7.4创建了我的应用程序

我非常感谢时间和专业知识.

Answer 1

您可以将jquery.cookies.js与modal.js结合使用,只加载一次页面,然后设置一个到期cookie.

            <script src="/path/to/jquery.cookie.js"></script>
            <script>
            $(document).ready(function() {
                 if ($.cookie(‘pop’) == null) {
                     $(‘#myModal’).modal(‘show’);
                     $.cookie(‘pop’, ’7');
                 }
             });
            </script>

您可以在本教程中找到更多详细信息:

http://calebserna.com/bootstrap-modal-email-subscription-form/

Answer 2

要做到这一点,您需要使用一种方法来存储在网站访问之间持续存在的用户数据,这通常被称为session.在这种特殊情况下,听起来用户可能没有登录,这更具体地称为anonymous session.

您可以使用多种选项来存储匿名会话.最快捷,最简单的方法是使用cookie,但其他选项包括基于文件的会话,Html5存储或数据库.

从你写的,我会说饼干可能是你的最佳解决方案.

而且,正如您所料,Django内置了一些功能,可以轻松使用Cookie.我建议查看有关Django会话的文档,我发现这些文档非常易于学习,并且可以轻松学习,以了解如何实现它.

如果您有任何关于在Django中使用cookie(或匿名会话)的具体问题,请告诉我,我会尽力提供帮助.

Answer 3

首次加载页面时显示 Bootstrap Modal

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.min.js">
</script>
<script type="text/javascript">
 $(document).ready(function() {
     if ($.cookie('pop') == null) {
         $('#myModal').modal('show');
         $.cookie('pop', '1');
     }
 });
</script>

您可以设置隐藏模态的天数