Question

我试图让它看看cookie是否存在，如果没有淡入。然后如果用户点击关闭按钮，它就会淡出。我做错了什么？

Jquery的

$(function() {
    if ($.cookie("demoCookie") == null) {
        $("#headerFactInfo").fadeIn();
    };

    $("#headerFactInfoClose").click(function() {
        $("#headerFactInfo").fadeOut();
        $.cookie( 'demoCookie', '1',  { expires: 7, path: '/' } );  
    });
});

HTML

<div id="headerFactInfo">The Great Add <a href="" id="headerFactInfoClose" >Close</a></div>

Answer 1

您的代码似乎运行正常：http://jsfiddle.net/wPP6Y/

我只做了两次修改：

<强> CSS

/* It's hard to tell whether it's fading in
 * or not if it's always visible
 */
#headerFactInfo {
    display: none;
}

<强> JS

$("#headerFactInfoClose").click(function() {
    $("#headerFactInfo").fadeOut();
    $.cookie( 'demoCookie', '1',  { expires: 7, path: '/' } );

    return false; // Prevent the link to actually follow the href
});

使用Firebug用于Firefox或Chrome的developer tools，或者您喜欢的浏览器相当于使用Cookie。

Answer 2

如果您的意思是，cookie检查不起作用，请尝试：


$(function() {
     var Cooki = $.cookie('demoCookie');

    if (Cooki == null) {
        $("#headerFactInfo").fadeIn();
    }

    $("#headerFactInfoClose").click(function() {
        $("#headerFactInfo").fadeOut();
        $.cookie( 'demoCookie', '1',  { expires: 7, path: '/' } );  
    });
});

Jquery Cookie读取和设置

2 个答案: