2013-12-19 41 views
0

我想顯示<div class="cookiediv">每次訪問(會話)使用jquery cookie插件只有一次,但無法讓它工作(它總是顯示)。顯示元素一次使用jquery cookie插件

我的代碼:

<div class="cookiediv"> 
    <p>in cookie div</p> 
</div> 

$(function() { 
    if ($.cookie('the_cookie')) { 
     $('.cookiediv').hide(); 
    } else { 
     $('.cookiediv').show(); 
    } 
    $.cookie('the_cookie', 'the_value'); 
}); 
+0

我測試了在jsfiddle上,它對我來說工作得很好。你有沒有檢查過你的瀏覽器cookie設置? – wrxsti

+0

@wrxsti:你能提供你的jsfiddle鏈接嗎? –

+0

剛剛在下面的答案中做過。 :) – wrxsti

回答

0

插件文檔:https://github.com/carhartl/jquery-cookie

要設置:$.cookie("test", 1);

刪除:$.removeCookie("test");

要的setTimeout:$.cookie("test", 1, { expires : 5 }); //5天

爲:var cookieValue = $.cookie("test");

回答你的問題,我認爲這可能做的伎倆

if (!$.cookie('the_cookie') == undefined) { 
    $('.cookiediv').hide(); 
} else { 
    $('.cookiediv').show(); 
} 
2

For the Naysayer...http://jsfiddle.net/K7su8/

相同的代碼,你的:

if ($.cookie('the_cookie')) { 
    $('.cookiediv').hide(); 
} else { 
    $('.cookiediv').show(); 
} 
$.cookie('the_cookie', 'the_value'); 

這似乎工作對我來說很好,這讓我有兩種想法。檢查您的瀏覽器設置,或確保您的jQuery.cookie.js庫在您運行的腳本之前在文檔中列出。

+0

一旦cookie被設置,爲什麼div不會隱藏。 –

+0

在我的瀏覽器中工作得很好。 – wrxsti

+0

您是否重新運行腳本?...點擊頂部的「運行」。 – wrxsti