Jquery Cookie Read and Set

Question

I am trying to have it look to see if the cookie exists and if not fade in. Then if the user clicks the close button it fades out. What am I doing wrong?

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>

Non of it is working, it wont set the cookie, it wont fade in and as far as I can tell its not reading the cookie. — Jacinto
– Jacinto, Commented Jan 4, 2012 at 5:41
Do you get any error messages in your JS console? And, perhaps this is obvious but just in case: did you remember to include the JS file for the cookie plugin (it's not a core part of jQuery)? — nnnnnn
– nnnnnn, Commented Jan 4, 2012 at 5:56

Ayman Safadi · Accepted Answer · 2012-01-04 05:54:47Z

Your code seems to work fine: http://jsfiddle.net/wPP6Y/

I made only 2 modifications:

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 });

Use Firebug for Firefox or Chrome's developer tools, or your favorite browser's equivalent to play around with the cookie.

Sudhir Bastakoti · Accepted Answer · 2012-01-04 05:40:07Z

0

If you mean, cookie check is not working then, try:

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

answered Jan 4, 2012 at 5:40

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

2 Comments

nnnnnn Over a year ago

I'm curious why you think storing the function return in a variable before the comparison would make a difference? (Or is there some other change in your code that I'm not seeing?)

Jacinto Over a year ago

As of right now non of it works, it does not fade in, it does not create the cookie and as far as I can tell it does not read if there is a cookie but this could be just because I cant create a cookie. So I dunno what I am doing wrong.

Collectives™ on Stack Overflow

Jquery Cookie Read and Set

2 Answers 2

1 Comment

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Related