第一頁加載時的引導模式

Question

在頁面加載時，我向用戶展示了一些引導模式窗口，以向他展示一些信息。 我只想在第一次展示這個引導模式，然后接下來的每個都不應該。 如何做到這一點？ 第一次后是否有功能禁用之類的東西？ 這是我的簡單代碼：

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

Answer 1

這可能是這個的重復

不過，您可以使用 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：在引導程序 4 中測試