Javascript 引导模式和cookie

我已经创建了一个引导模式弹出窗口，它完美地出现和消失了。我需要做的是检查是否存储了cookie，并且在用户在站点上时只显示一次弹出窗口。我也有一个关闭按钮。目前，它出现在每次我刷新页面，我不知道如何让它工作。我在谷歌上看到过几个例子，但没有一个对我有用。有人能帮忙吗？谢谢

以下是我的Javascript：

$(document).ready(function () {
    if (document.cookie != "") {
        $("#myModal").modal("show");
        $("#myModalClose").click(function () {
          $("#myModal").modal("hide");
        });
    }
});

这是我的HTML：

<div id="myModal" class="modal fade in">
    <div class="inner-modal">
        <div class="modal-container">
            <p>some text</p>
            <button class="close" data-dismiss="modal" data-target="#myModal">Hide this message</button>
        </div>
    </div>  
</div>

一些文本

隐藏此消息

您的逻辑有点背道而驰。您需要检查是否尚未设置cookie，然后显示模式。此外，您还需要在之后设置cookie，以避免再次发生

$（文档）.ready（函数（）{
//如果cookie尚未设置。。。
if（document.cookie.indexOf（“ModalShown=true”）不应该
if（document.cookie！=”）
是
if（document.cookie=”）
？当我将其从！=更改为==时，我的模式弹出窗口会以何种方式中断？编写
if（！document.cookie）可能更好
在某种意义上，模式弹出窗口一直显示在屏幕上，其背后的内容没有像应该的那样变灰，关闭按钮也不起作用。我尝试了上面的代码，但没有发生任何事情。模式弹出窗口一直在屏幕上，没有做任何事情或消失。我现在已经修复了它（我真的不应该在没有测试的情况下编写代码！）感谢@DavidG更新答案，但是当我点击“刷新”时，模式会再次弹出，然后在屏幕上冻结并停止工作。无法按下“关闭”按钮或执行任何操作。可能有其他干扰，它对我很好。下面是中的一个示例（在浏览器中以匿名模式打开，以作为新用户进行测试）谢谢@DavidG，我按照你的建议测试了它，它确实起了作用，不幸的是，当我把它添加到我的代码中时，它没有起作用。一定是有某种干扰，但我不知道它是什么，因为我确实有简单的html和javascript，所以我无法找出是什么原因导致它对我不起作用。最终我结束了使用jquery-cookie.js插件->。