每次重新加载页面时都会打开弹出式通讯表单答案

【问题标题】：Popup newsletter form opens every time when reload the page每次重新加载页面时都会打开弹出式通讯表单
【发布时间】：2021-06-29 00:00:46
【问题描述】：

我想在我的静态网站中添加一个自动弹出式新闻通讯表单（使用 google 电子表格来收集邮件）。但是当每次弹出窗口出现时页面重新加载。我想要这样的东西，如果有人按 Subscribe 或 Not Now 按钮弹出将永远停止他们的设备。有可能吗？

我使用了这个代码。但是当我重新打开浏览器时，Newsletter 弹出窗口再次显示。我需要在这里更改什么？

        $(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";
        });
    });

提前致谢。

【问题讨论】：

嗨Shoyeb，你能分享你的代码吗？看看你的实现会很有帮助
了解本地存储
stackoverflow.com/questions/24189428/…
我编辑了问题并添加了一些代码。现在请。
@DanielGrima 你能帮帮我吗？

标签： javascript html jquery css

【解决方案1】：

您可以使用本地存储解决此问题。 MDN Documentation

使用本地存储，您可以保存刷新后不会丢失的信息。（类似的事情可以用 cookie 完成，但在这种特殊情况下，我认为本地存储适合您的用例）

所以你可以尝试做这样的事情：

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

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

请注意，未设置的本地存储项将返回 null 值。

简而言之，每次页面加载时都会执行 getItem() 并根据该值运行您需要的逻辑。

【讨论】：