如何使用jquery只显示一次警告消息?

时间:2011-08-08 03:21:27

标签: jquery jquery-ui modal-dialog

我只想显示一次警告信息。怎么样?
例如:如果我打开Internet浏览www.stackoverflow.com,“对话框必须仅在该时间出现”。如果我点击任何其他链接或在同一页面的菜单栏中选择某些内容,则无需再次显示警告消息。

我在哪里更改我的代码?

$(function() {
$( "#dialog-modal" ).dialog({
            height: 200,
            width: 320,
            modal: true
        });
    });

html page

<pre><div id="dialog-modal" title="School Holiday" style="background-color:#00F"><p style="color:#FFF; font-size:16px; text-align: center;">The ART will be closed on Friday.</p></div><pre>

2 个答案:

答案 0 :(得分:1)

执行此操作的一种方法可能是设置cookie以指示对话框是否先前已显示。

if (!(document.cookie == "shown"))
{
    $( "#dialog-modal" ).dialog({
                height: 200,
                width: 320,
                modal: true
                        });
    document.cookie = "shown";
}

注意:我在这里使用cookie作为例子。实际上,您希望使用更高级的东西,如服务器端条件HTML输出(来自数据库)或使用本地存储。此外,这允许您在您的网站上使用cookie,并使您的客户免于浪费带宽,并在每次请求时发送cookie。

答案 1 :(得分:0)

我不确定你在这里问的是什么。 I created a working example here,一旦页面加载,您就可以看到警告/对话框。

你能告诉我们更多你的问题吗?