Jquery Cookie読み取りと設定

Question

私は、クッキーが存在し、フェードインしていないかどうかを調べようとしています。ユーザーが閉じるボタンをクリックすると、フェードアウトします。私は間違って何をしていますか？

の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/

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

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

FirefoxやChromeのdeveloper tools、またはクッキーで遊ぶためにあなたのお気に入りのブラウザの同等のために使用FirebugをJS

CSS

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

：私は2の修正を行いました。

Answer 2

あなたが意味する場合は、クッキーのチェックをしてみてください、そして、機能していません。

 

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

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

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