Question

在页面加载时，我向用户显示一些引导模式窗口，向他显示一些信息。我想只在第一次显示这个bootstrap模式，然后每个下一个不应该。怎么实现呢？第一次出现功能禁用之类的东西吗？这是我的简单代码：

$(window).load(function () {
            $('#dddd').modal('show')
    });

Answer 1

这可能是this

的副本

尽管如此，您可以使用cookie来实现这一目标。以下示例使用jquery cookie

进行参考

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

Answer 2

将其添加到您的 js 文件中：

if(window.sessionStorage.fist_load_modal1 === undefined){
    $('.first_load_modal').modal('show')
    window.sessionStorage.fist_load_modal1 = true
}

现在您可以使用“first_load_modal”类在第一次加载时显示您的模态。

<div class="modal fade first_load_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
         CONTENT HERE
        </div>
    </div>
</div>

Obs：在 bootstrap 4 中测试

第一页加载时的Bootstrap模态

2 个答案: