jquery - 首次访问站点时加载引导模式

Question

我正在尝试实现一个订阅框，它会在您第一次访问该网站时激活。

目前，当您第一次访问该网站时，订阅模式没有加载，我不知道为什么？

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).load(function(){
         // load the overlay
        if (document.cookie.indexOf('visited=true') == -1) {
            var fifteenDays = 1000*60*60*24*15;
            var expires = new Date((new Date()).valueOf() + fifteenDays);
            document.cookie = "visited=true;expires=" + expires.toUTCString();
            jQuery.modal({width:"580px", inline:true, href:"#myModal"});
        }
    });
</script>

我可以通过单击链接来加载模式，但我需要在用户首次访问时自动弹出。谁能看到我的代码有什么问题？

Answer 1

首先你指的是：

jQuery('#myModal')

后来你指的是：

jQuery('.myModal')

它是一个类还是一个id？可能那是你的错误。

在旁注中，您可能希望在脚本标签上指定语言属性。

Answer 2

bootstrap 中的模态函数没有 href 选项。您要做的是定位实际的模态元素，然后在其上调用模态函数以将其激活为模态。像这样；

 jQuery('#myModal').modal(options)

查看文档以获取可用选项

此外，这里的示例 jsfiddle

Answer 3

$(document).ready(function(){

    if (document.cookie.indexOf('visited=true') == -1) {
        var fifteenDays = 1000*60*60*24*15;
        var expires = new Date((new Date()).valueOf() + fifteenDays);
        document.cookie = "visited=true;expires=" + expires.toUTCString();
        $('#flag').trigger('click');
     $('#myModal').modal('toggle');
    }

});

这是我给你的剧本。