javascript - 使用函数 setTimeOut 和 jquery Cookie 的模态窗口

Question

有人知道如何将这 2 个 JavaScript 结合在一起吗？这是模态窗口的 setTimeout 函数和模态窗口的 cookie 函数。我是 javascript 新手，不知道如何将这两个函数编写在一起，希望有人帮忙。我在页面加载和显示后为模式窗口设置了“TimerOut”函数。另一方面，我为其设置了 cookie同样，我只需要模态窗口显示一次。现在 TimerOut 函数与 cookie 函数重叠。提前致谢 ! 这是我的代码。

模态窗口settimerout函数:

<script type="text/javascript">
var show = function(){
    $('#myModal').modal('show');
};

$(window).load(function(){
    var timer = window.setTimeout(show,3000);
});
</script>

具有cookie功能的模态窗口:

$(document).ready(function(){
    $('.bs-docs-sidebar').affix({
        offset: {
          top: 10
        }
    })
    if ($.cookie('pop') == null) {
                $('#myModal').modal('show');
                $.cookie('pop', '7');
            }
});

$(function($) {
$('#deleteCookie').click(function() {
        $.cookie('pop', null);
        window.location.reload();
      });
 });

Answer 1

发生重叠是因为 $(window).load() 函数在 cookie 函数之后执行。如果您不需要 $(window).load() 则使用 $(document).ready()。

<script type="text/javascript">    
$(document).ready(function(){
    var timer = window.setTimeout(function(){$('#myModal').modal('show');},3000);
    $('.bs-docs-sidebar').affix({
        offset: {
          top: 10
        }
    })
    if($.cookie('pop') == null) {
        $('#myModal').modal('show');
        $.cookie('pop', '7');
    }
    $('#deleteCookie').click(function() {
        $.cookie('pop', null);
        window.location.reload();
    });
});

</script>

这里我没有使用load函数，如果你需要的话你可以使用它。