Question

我正在建立自己的投资组合网站（2种语言TH / EN）。

用于更改语言的按钮。我能做到。

但我想如果我更改页面，语言按钮一定有问题因为新页面加载了。

我的问题是

我该怎么办？当我更改页面时我从头开始选择的语言仍处于活动状态。

示例：默认语言为泰语。但我点击更改为英语。主页中的信息更改为英语。

如果我点击“关于我们”之类的其他菜单，该页面上的信息将以英文显示。

＆＃13;

$("html").each(function () {
  if ($(".lang-select.th").hasClass('active')) {
   $('.lang-select').parents('html').attr('lang', 'th');
   $('.content-th').show();
   $('.content-en').hide();

  } else if ($(".lang-select.en").hasClass('active')) {
   $('.lang-select').parents('html').attr('lang', 'en');
   $('.content-th').hide();
   $('.content-en').show();
  }
 });
 

$(".lang-select.th").click(function () {
  $(this).addClass("active");
  $(".lang-select.en.active").removeClass("active");
  $('.lang-select').parents('html').attr('lang', 'th');
  $('.content-th').show();
  $('.content-en').hide();
 });
 
 $(".lang-select.en").click(function () {
  $(this).addClass("active");
  $(".lang-select.th.active").removeClass("active");
  $('.lang-select').parents('html').attr('lang', 'en');
  $('.content-th').hide();
  $('.content-en').show();
 });

＆＃13;

.lang-select {
width:30px;
height:30px;
background:#eaeaea;
cursor:pointer;
}
.lang-select.active {
background:yellow;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="th">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
      <div class="box-language">
          <span class="lang-select th active">TH</span>
          <span class="lang-select en">EN</span>
     </div>
 
     
     
     <h1 class="content-th">ภาษาไทย Thailand</h1>
     <h1 class="content-en">ภาษาอังกฤษ English</h1>
</body>
</html>

＆＃13;

Answer 1

如果我理解正确，您不想将语言信息传递给服务器端。如果要使用纯jquery / javascript，则应将语言信息传递给URL。一旦你有了它，你应该使用一些JavaScript方法来解析URL。我找到了这个方法，可以帮到你：

How to read GET data from a URL using JavaScript?

祝你好运！

是否可以使用Jquery标记更改语言

1 个答案: