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')

是班级还是身份证？可能这是你的错误。

在旁注中，您可能希望在脚本标记上指定language-attribute。

Answer 2

bootstrap中的模态函数没有href选项。你想要做的是瞄准实际的模态元素，然后调用它上面的模态函数将其激活为模态。像这样;

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

查看documentation了解可用选项

此外，示例jsfiddle here

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');
    }

});

这是我的剧本。

首次访问站点时加载bootstrap Modal

3 个答案: