每次重新加載頁面時都會打開彈出式通訊表單

Question

我想向我的靜態網站添加一個自動彈出式時事通訊表單（使用谷歌電子表格收集郵件）。 但是當每次彈出窗口重新加載頁面時。 我想要一些類似的東西，如果有人按下“訂閱”或“不立即”按鈕，他們的設備將永遠停止。 是否可以？

我使用了這個代碼。 但是當我重新打開瀏覽器時，通訊彈出窗口再次顯示。我需要在這里更改什么？

        $(document).ready(function () {

        if ($.cookie("dismiss") == null) {

            $('.modal').appendTo("body");
            function show_modal() {
                $('.modal').modal();
            }

            window.setTimeout(show_modal, 300);
        }

        $(".close").mouseenter(function () {
            document.cookie = "dismiss=true";
        });
    });

提前致謝。

Answer 1

您可以使用本地存儲解決此問題。 MDN 文檔

使用本地存儲，您可以保存刷新后不會丟失的信息。 （類似的事情可以用 cookie 來完成，但在這種特殊情況下，我認為本地存儲適合您的用例）

所以你可以嘗試做這樣的事情：

// save item
localStorage.setItem("isUserSubscribed", true);

// get item
localStorage.getItem("isUserSubscribed");

請注意，未設置的本地存儲項將返回null值。

簡而言之，每次頁面加載時執行getItem()並基於該值運行您需要的邏輯。