javascript - 如何将变量设置为 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}); 
 });

如何使用 cookie 实现此目的？

Answer 1

首先要使用 Javascript 设置 cookie，您可以使用 this question 中概述的代码，或者由于您已在页面中包含 jQuery，因此您可以使用 $.cookie library 。

您可以在做出选择时设置该值，然后在加载页面时检索该值以设置用户之前设置的语言。

另请注意，您可以使用 data 属性来干燥按钮上设置语言的多次单击处理程序。试试这个:

$('.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>