还记得 jQuery 弹出模式的关闭状态吗，localStorage 是最简单的方法吗？

Question

我试图使用 localStorage 来记住用户单击“留在国际”时的选择。这样，每当用户访问该页面时，弹出窗口就不会一直提示。我找不到一种方法来记住 jQuery 模式的关闭状态并将其放入 localStorage cookie 中。我们将非常感谢您的帮助！<!-- jQuery Modal --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" /><div id="countryModal" NAME="country" class="modal"><a rel="modal:close" href="#" onclick="gotoInternational()">Stay at International</a></div><script>setTimeout(function(){  jQuery('#countryModal').fadeIn('slow').modal('show');},3000)function gotoInternational(){//localStorage codes here}</script>

Answer 1

很好的问题！如果我是你，我会更多地研究 localStorage。您完全正确地将值存储在 localStorage 中是最好的方法。如果我正确理解你想要做什么，你的代码应该如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- jQuery Modal -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />

<div id="countryModal" NAME="country" class="modal">

    <a rel="modal:close" href="#" onclick="gotoInternational()">Stay at International</a>

</div>

<script>

    //Get current localStorage value

    const gotoInternationalValue = localStorage.getItem('gotoInternational');

    //Check if it is not true (can be false or null)

    if (gotoInternationalValue != 'true') {

        setTimeout(function() {

            jQuery('#countryModal').fadeIn('slow').modal('show');

        }, 3000)

    } else {

        console.log("Stay at international was already selected");

    }

    function gotoInternational() {

        //Save localStorage item as true

        localStorage.setItem('gotoInternational', true);

    }

</script>

如果这不是您所需要的，请在您的问题中添加更多信息以澄清它！

Answer 2

我找到了解决方案！

您的解决方案是正确的，只是您在这里错过了一个引号：
if (gotoInternationalValue != 'true' )

无论如何，感谢您的投入！拯救了我的一天！