Working with cookies and jQuery

Question

Today I decided to get to understand cookies better. The easiest way seemed jQuery. I used carhartl's Cookie plugin.

Basically, what I want is: when a user clicks the 'X', the pop-up closes (works fine) and a cookie is written so that the next time that user hits that page, he doesn't see the pop-up again!

function showPopUp() { var popUpMT = -($("#popUp").height() / 2) - 50; $("#popUp").css("marginTop", popUpMT).fadeIn("slow"); $("#overlay").fadeIn("fast"); } function setCookie() { $("#popUp").fadeOut("fast"); $("#overlay").fadeOut("fast"); $.cookie("popUpCookie", { expires: 365 }); } $(document).ready(function() { var ourCookie = $.cookie("popUpCookie"); if (ourCookie === null) { showPopUp(); } $("#popUp span#close").click(function() { setCookie(); }); });

Wolfram · Accepted Answer · 2012-07-28 15:35:21Z

1

In your setCookie function, add some value as second argument as shown in the documentation.

$.cookie("popUpCookie", "true", { expires: 365});

In your fiddle, you only pass in the name and a settings object. Other than the it should work and does for me in this update.

edited Jul 28, 2012 at 15:35

answered Jul 28, 2012 at 15:27

Wolfram

8,0973 gold badges49 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bram Vanroy Over a year ago

Thanks! I did not know a value was obligatory. Also +1 for a more logical function order!

Wolfram Over a year ago

See line 24 of the cookie plugin. Only if the value argument is given and not an object, the code to set the cookie is executed.

Collectives™ on Stack Overflow

Working with cookies and jQuery

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related