変数をCookie（JavaScript）として設定する方法

Question

ウェブサイトを翻訳したので、顧客が選択した国を覚えておきたいと思います。これは私のコードです：

$('.set_nl').click(function(){ 
    var translator = $('body').translate({lang: "nl", t: dict}); 
}); 

$('.set_de').click(function(){ 
    var translator = $('body').translate({lang: "de", t: dict}); 
}); 

$('.set_en').click(function(){ 
    var translator = $('body').translate({lang: "en", t: dict}); 
}); 

これをどのようにしてクッキーで達成できますか？

document.cookie = "username=John Doe"; 

Answer 1

まずあなたがthis questionに概説されたコードを使用することができますJavascriptを使用してクッキーを設定するために、またはあなたがすでに持っているように：あなたが名前を設定し、特定のパターンにそれを保存する必要がクッキーを保存するために

Answer 2

ページにjQueryが含まれていれば$.cookie libraryを使用できます。

そこから選択したときに値を設定し、ページの読み込み時に値を取得して、ユーザーが以前に設定した言語を設定できます。

data属性を使用して言語を設定するボタンで複数のクリックハンドラをDRYすることもできます。これを試してみてください：

$('.lang').click(function() { 
    var lang = $(this).data('lang'); 
    var translator = $('body').translate({ 
    lang: lang, 
    t: dict 
    }); 
    $.cookie('lang', lang); 
}); 

// on load 
$('body').translate({ 
    lang: $.cookie('lang'), 
    t: dict 
}); 

<a href="#" class="lang" data-lang="nl">NL</a> 
<a href="#" class="lang" data-lang="de">DE</a> 
<a href="#" class="lang" data-lang="en">EN</a>