Question

我试图为这个jQuery添加一个cookie，用于我正在研究的网站的模态窗口。要打开的div是#scrolltriggered，结束ID是#closebox。我已经链接了jQuery Cookie（here），但GitHUB页面推荐的cookie行并没有做任何事情。虽然我了解HTML和CSS，但我是jQuery的新手，而且所有的代码都是我从其他人的脚本中放入的一些零碎的东西，所以如果有其他的，更简单的方法cookie这个模态窗口为X天，我会很感激。谢谢！

$.cookie('renovatpop', '1', { expires: 7, path: '/' });

idleTime = 0;
$(document).ready(function(){
    $limit = 5;
        function timerIncrement() {
            idleTime = idleTime + 1;
            if (idleTime > $limit) { 
                $('#scrolltriggered ').show();
                idleTime = 0;
            }
        }
        // Increment the idle time counter every second.
        var idleInterval = setInterval(timerIncrement, 1000); // 1 second

        // Zero the idle timer on mouse movement.
        $(this).mousemove(function (e) {
            idleTime = 0;
        });
        $(this).keypress(function (e) {
            idleTime = 0;
        });

        $('#closebox').click(function() {
            $('#scrolltriggered').hide();
            $limit = 9999;
        });

        $.cookie('renovatpop', '1', { expires: 7, path: '/' });
});

Answer 1

我回答了自己的问题。

脚本：jQuery（1.10 +）和jQuery cookie（我建议在本地使用它。）

<!-- jQuery library script -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- SCROLL POP UP -->
<script src="jquery.cookie.js"></script>
<script src="script.js"></script>

以及以下脚本：

idleTime = 0;
$(document).ready(function(){
        if ($.cookie('modal_shown') == null) {
        $.cookie('modal_shown', 'yes', { expires: 7, path: '/' });
    $limit = 7;
        function timerIncrement() {

            idleTime = idleTime + 1;
            if (idleTime > $limit) {
                $('#scrolltriggered ').show();
                idleTime = 0;
            }
        }
        // Increment the idle time counter every second.
        var idleInterval = setInterval(timerIncrement, 1000); // 1 second

        // Zero the idle timer on mouse movement.
        $(this).mousemove(function (e) {
            idleTime = 0;
        });
        $(this).keypress(function (e) {
            idleTime = 0;
        });

        $('#closebox').click(function() {
            $('#scrolltriggered').hide();
            $limit = 9999;
        });
        }
    });

此脚本将执行以下操作：创建一个模态窗口函数，该函数将在网站完全加载到网页后7秒时弹出，并创建一个名为“modal_shown”的cookie，该cookie将在创建后存在7天。

如果要修改模态出现的秒数，请修改值：$ limit = 7

如果您想修改Cookie在访问者系统中的天数，请修改值：expires：7

！important - 请记住在您的服务器上测试它，它将无法在本地运行。

设置jQuery模态窗口Cookie

1 个答案: