如何实现在几秒钟​​后消失的简单确认消息

Question

我正在尝试在this之后显示successfully logging out的简单确认消息，但我不确定如何继续。

此消息将在用户单击注销按钮（仅执行注销并重定向到主页）后显示5秒钟。 此确认消息以及注销按钮位于标题处。

我的文字包含在div中，id =＆＃34;确认＆＃34;。
链接上的onClick事件会调用执行此操作的informUser函数：

$("#confirmation").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);

div包装器的css是这样的：

#confirmation {
    position: absolute;
    top: 0;
    left: 45%;
    text-align: center;
    font-size: 1.25em;
}

现在，我需要隐藏这个元素，我尝试使用visibility: hidden;，但元素从未出现过 我尝试使用

隐藏它

$(document).ready(function() {
$("#confirmation").hide("slow"); }); 

并且元素显示不到一秒钟然后消失（由于document.ready再次加载）。

Answer 1

因为您正在更改页面（当您重定向到主页时），处理注销按钮上的事件的javascript将无法显示和隐藏主页上的消息。相反，我会尝试设置一个寿命有限的cookie，并且如果设置了cookie，则让主页上的单独脚本处理消息的显示。

您可以在此处查看Cookie的基本概述：http://www.quirksmode.org/js/cookies.html

Answer 2

这可能只是帖子中的一个错字，但我还不能发表评论，所以这是我的答案（以防万一）。

$("#confirmation").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);

应该是

$("#confirmation").show();
setTimeout(function() { $("#confirmation").hide(); }, 5000);