第二次访问时显示 div

Question

我想让 div #topmessage 在用户第二次访问该网站时向下滑动。此外，当用户单击#close 时，该消息将不会再次显示。我想我必须设置一个 cookie 并对其进行计数，但不知道如何进行。我将以下 cookie 插件与 jquery http://plugins.jquery.com 安装在一起/files/jquery.cookie.js.txt

    <script type="text/javascript">
    jQuery(function($){ 
    $('#topmessage').delay(1000).slideDown(400);
    $("#close").click(function(){
          $("#topmessage").slideToggle(400);
        });

});
</script>
<div id="topmessage">
<a href="#" class="close" id="close">Close</a>
Hi welcome back, if you have any questions please feel free to <a href="/contact">contact me</a>.
</div>

更新：我想这样做的原因是将 div 推送给曾经访问过该网站并现在在另一个日期返回的用户。我不只是想在网站第二次加载时显示 div，但它也必须在另一个日期或会话上。据我所知，没有办法访问 cookie 的创建日期？

Answer 1

可能（没有使用过 Jquery cookie 但正在查看文档...）...

jQuery(function($){ 
    if($.cookie("showMessage") == "true") {
    $('#topmessage').delay(1000).slideDown(400);
$.cookie("showMessage","never");
}
else if($.cookie("showMessage") != "never"){
$.cookie("showMessage","true");
}
    $("#close").click(function(){
          $("#topmessage").slideToggle(400);
$.cookie("showMessage","never");
        });

Answer 2

首先你需要检测cookie是否存在。
如果cookie存在，那么你就知道用户已经访问过一次。
如果cookie不存在，则为第一次访问，创建cookie。

Answer 3

这应该有效：

<script type="text/javascript">
    $(function(){
        var value = $.cookie('the_cookie'),
            date = null;
        if (/^\d+$/.test(value || "")) {
             date = new Date();
             date.setTime(value);
        } else if ((value || "") == "") {
             $.cookie('the_cookie', new Date().getTime());
        }

        if (null != date /* && date meets your requirements */){
            $('#topmessage').delay(1000).slideDown(400);
            $("#close").click(function(){
                $("#topmessage").slideToggle(400);
            });
        }
    });
</script>

如果您想在每次访问时更新 cookie 中的日期：

        if (/^\d+$/.test(value || "")) {
             date = new Date();
             date.setTime(value);
        }
        $.cookie('the_cookie', new Date().getTime());

工作演示位于：http:// jsfiddle.net/rorkules/NL9jd/

更新

添加了 cookie 的过期日期和路径
仅为会话添加了第二个 cookie

Answer 4

我认为这样的东西应该存储在后端并由服务器控制。 Cookie 的问题是有人可以删除所有 Cookie（或通过不同的浏览器/计算机登录）。听起来像是与用户相关的数据库表上的属性。

服务器可以简单地设置一个标志来“显示 div”，视图可以处理这个问题。不确定您正在使用什么服务器端技术。