jqueryクッキーを使用してGoogle状態を保存する

Question

ユーザーが選択した内容に応じて状態をトグル保存したいと思います。

私のコードは以下になります。

<div id="wrapper"> 
    stuff here 
</div> 

<script> 
    $("#menu-toggle").click(function(e) { 
     e.preventDefault(); 
     $("#wrapper").toggleClass("toggled"); 
    }); 
</script> 

私はIDラッパーに設定し、その後のdivはデフォルトでトグルされるクラスを切り替えていた場合。

これをどのようにしてクッキーで解決できますか？したがって、ユーザーが何をクリックしたのかを記憶しているので、ページのリロード時にdiv eighterをトグルまたはトグルに設定します。

はあなたのすべてをありがとう:)

Answer 1

を私はクッキーが最良の選択肢となりますことを確認していません。たぶん、localStorateはより実行可能で簡単なオプションです。

$("#menu-toggle").click(function(e) { 
    e.preventDefault(); 
    var element = $("#wrapper"); 
    element.toggleClass("toggled"); 
    if (element.hasClass("toggled")) { 
    localStorage.setItem('toggled', 'true'); 
    } else { 
    localStorage.setItem('toggled', 'false'); 
    } 

}); 

// On load 
var element = $("#wrapper"); 
var toggled = localStorage.getItem('toggled');; 
element.toggleClass("toggled"); 

if (toggled == "true") 
    element.addClass("toggled"); 
else 
    element.removeClass("toggled"); 

JSFiddle：https://jsfiddle.net/8tpxx71z/

さらに詳しい情報：どのような偉大な例 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API