2013-11-29 90 views
0

我正在嘗試進行某種切換。一個單選按鈕,當切換某些div的類時。至少是這個想法。我可以很容易地使用jQuery來做到這一點,但我的問題是讓它在刷新之後保持不動。例如,如果我切換...開關,它會從.post中刪除.filter。我想在刷新後讓交換機保持這種狀態。有沒有一種方法可以實現這一點,只有使用jQuery並且無需訪問後端的東西?使用jQuery保存cookie

+2

看像一個https插件:// github上.com/carhartl/jquery-cookie –

+0

爲什麼不使用javascript設置cookie? – Ani

回答

1

像Arun P Johny說,你可以使用jquery cookie,但僅僅爲了這種目的而使用插件並不是非常有用。

知道你只jQuery的希望,但在JavaScript中實現非常簡單,所以無論如何,我會告訴你(用會話cookie):

$("#button").click(function(){ 
    document.cookie = "toggled=yes"; 
}); 

if (document.cookie.indexOf("toggled") >= 0){ 
    $(".post").removeClass(".filter"); 
} 
+0

好吧,我接受這個答案,因爲我實際上不喜歡使用插件。我只是不太確定你的意思,但你的答案看起來很漂亮jQuery(而不是香草js)。無論如何感謝!在相關說明中,對不起,因爲我真的不熟悉cookie,是否可以在域的其他部分工作?例如,如果用戶在「example.com」上切換開關,cookie是否可用於「example.com/somepage」? – user3047675

+0

是啊如果當然它適用於所有的域:)首先,我創建一個cookie,當單擊按鈕時調用切換,並且在檢查cookie是否存在之後,我刪除該類:) –

0

我喜歡這個jQuery插件:https://github.com/carhartl/jquery-cookie

保存cookie時單選按鈕切換:

$.cookie('COOKIE_NAME', option_to_save , { expires: 365, path: '/' }); 

並獲得cookie之前DOM已準備就緒,然後初始化一定的DIV:

var option = $.cookie('COOKIE_NAME')