Question

我正在设计一个100％宽度+高度div的网站，其中包含覆盖主页的图形。我想在用户第一次访问该网站时向用户显示一次，欢迎访问该网站点击此处进入，然后再次向该用户显示该内容。

如何使用Jquery编写cookie来执行此操作？非常感谢。

Answer 1

cookie是持久存储的一种形式。当用户加载页面时，您检查他是否有某个cookie。如果他没有，你向他展示启动页面并设置cookie。如果他有cookie设置意味着他以前来过这里，你不需要做任何事情。下面的代码可能是一个解决方案，但我正在写它，所以你可能不得不修改它。它假设您正在使用上面的插件。

if (visits = $.cookie('noOfVisits')) {
    $.cookie('noOfVisits', visits++);
} else {
    $.cookie('noOfVisits', 1);
    $('#splash').show();
}

我认为这是非常自我解释的。请注意，Cookie会过期，请根据需要研究如何使Cookie持久化。

希望这会有所帮助:)。

Answer 2

试试这个：

$(document).ready(function() {

    // Check for cookie with correct value
    if ($.cookie("visit") != 'iwashere') {
        alert("First time visitor!");
    } 

    // AFTER!!! check send a cookie
    //IF YOU DONT TELL COOKIE TO EXPIRE IN 7 DAYS, 
    //IT WOULD BE A SESSION COOKIE AND BE REMOVED WHEN BROWSER IS CLOSED!

    $.cookie("visit", "iwashere", { expires: 7 });

});

使用过期将解决您的问题！

否则，您只需设置一个会话cookie，在浏览器关闭时删除该会话cookie！

Answer 3

使用Google，我发现使用JQuery处理Cookie非常容易理解：http://www.electrictoolbox.com/jquery-cookies/

如何编写Jquery cookie

3 个答案: