gpt4 book ai didi

javascript - 如何使用 javascript json 保存语言

转载 作者:行者123 更新时间:2023-12-02 22:11:17 25 4
gpt4 key购买 nike

我在 main.js 和 index.html 中使用以下代码来更改语言。按下按钮后,它可以更改所有三种语言的内容。但是,每次用户更改页面时,语言都会返回为“ENG”。有没有办法保留用户上次选择的语言?谢谢。

main.js

/* Lang.json newly added */
$.getJSON("Lang.json", function(json) {
console.log(json); // this will show the info it in firebug console
});

$(document).ready(function() {
// The default language is English
var lang = "ENG";
$(".lang").each(function(index, element) {
$(this).text(arrLang[lang][$(this).attr("key")]);
});
});

// get/set the selected language
$(".translate").click(function() {
var lang = $(this).attr("id");
$(".lang").each(function(index, element) {
$(this).text(arrLang[lang][$(this).attr("key")]);
});
});

index.html

<button class="translate" id="ENG">
<a style="cursor: pointer;"><img src="assets/img/eng.png" /></a>
</button>
<button class="translate" id="CHT">
<a style="cursor: pointer;"><img src="assets/img/cht.png" /></a>
</button>
<button class="translate" id="CHS">
<a style="cursor: pointer;"><img src="assets/img/chs.png" /></a>
</button>

最佳答案

您可以使用 localStorage 来保存值。检查下面我添加的评论。

$(document).ready(function() {
// The default language is English
// Get the lang value from localStorage, if not set use the default value 'ENG'
var lang = window.localStorage.getItem('lang') || "ENG";
$(".lang").each(function(index, element) {
$(this).text(arrLang[lang][$(this).attr("key")]);
});

// get/set the selected language
$(".translate").click(function() {
var lang = $(this).attr("id");
// Save the lang value to localStorage to preserve
window.localStorage.setItem('lang', lang);
$(".lang").each(function(index, element) {
$(this).text(arrLang[lang][$(this).attr("key")]);
});
});
});

关于javascript - 如何使用 javascript json 保存语言,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59550090/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com