Javascript jQuery对话框弹出Cookie

我需要这个弹出窗口，以显示每个访问者只有一次。当用户单击关闭按钮时，cookie将触发，并将弹出窗口设置为30天内不显示。我自己也尝试过安装cookie，但没有效果，因为我对JavaScript的理解有限。我在这里读过几篇与此相关的帖子，但它们对我没有帮助

JavaScript:

<link rel="stylesheet" href="jquery-ui-1.10.3.custom/jquery-ui-1.10.3.custom.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( "#dialog-modal" ).dialog({
height: 380,
width: 500,
modal: true,
buttons: {
    Ok: function() {
        $( this ).dialog( "close" );
        }
    }
});
});
</script>

$（函数（）{
$（“#对话框模式”）.dialog({
身高：380，
宽度：500，
莫代尔：是的，
按钮：{
好的：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
});

HTML:

如果您正在利用我们的21天无风险试用期，在您收到新的生物反馈头带后的21天内，您的信用卡将不收费


仅适用于美国居民
无风险-100%退款保证
如果您不满意，我们甚至会支付您的退货运费

谢谢。

您可以使用。如果包含该库，则可以执行以下操作：

$(function () {
    if (!$.cookie("notice-accepted")) {
        $("#dialog-modal").dialog({
            height: 380,
            width: 500,
            modal: true,
            buttons: {
                Ok: function () {
                    $.cookie("notice-accepted", 1, { expires : 30 });
                    $(this).dialog("close");
                }
            }
        });
    }
});

注意：您需要将

style=“display:none；”“

添加到对话框

，以便在不打开对话框时不会显示该对话框

您可以使用。如果包含该库，则可以执行以下操作：

$(function () {
    if (!$.cookie("notice-accepted")) {
        $("#dialog-modal").dialog({
            height: 380,
            width: 500,
            modal: true,
            buttons: {
                Ok: function () {
                    $.cookie("notice-accepted", 1, { expires : 30 });
                    $(this).dialog("close");
                }
            }
        });
    }
});

注意：您需要将

style=“display:none；”“

添加到对话框

，以便在不打开对话框时不会显示该对话框

---

因此，我刚刚意识到，如果单击X关闭对话框，这将不起作用。有什么建议吗？@WolfCat-一个选项是隐藏X（关闭）按钮。我向您推荐这项技术。当然，如果这样做，还应该设置

closeOnEscape:false

；否则，用户仍可以按

Esc

键关闭对话框。（）另一个选项是将设置cookie的代码移动到“close”事件的事件处理程序中。然后，无论用户如何关闭对话框，它都将被执行。（）工作得很好。谢谢！因此，我刚刚意识到，如果单击X关闭对话框，这将不起作用。有什么建议吗？@WolfCat-一个选项是隐藏X（关闭）按钮。我向您推荐这项技术。当然，如果这样做，还应该设置

closeOnEscape:false

；否则，用户仍可以按

Esc

键关闭对话框。（）另一个选项是将设置cookie的代码移动到“close”事件的事件处理程序中。然后，无论用户如何关闭对话框，它都将被执行。（）工作得很好。谢谢！