我在我的主页上使用一个函数。一切正常,我只想知道如何使用该功能:
localStorage.setItem("language", selectedLanguage);
currentlanguage= localStorage.getItem("language");
我的目标是当我点击一个链接并进入另一个页面时,将选择的语言保留在一个页面中。
例如 id="en"是默认语言,但如果我想在我的主页中使用 id="fr",然后单击将在另一个页面中发送给我的链接。我会回到 id="en"。那么如何使用 localStorage 来保持相同的语言呢?
这是我使用的函数的 jsfiddle:
https://jsfiddle.net/kodjoe/chvw181j/
这是我的 HTML 代码
<a class="button" id="en">EN</a>
<a class="button" id="fr">FR</a>
<a class="button" id="de">DE</a>
<div class="lan en">1</div>
<div class="lan fr">2</div>
<div class="lan de">3</div>
<div class="lan en">4</div>
<div class="lan fr">5</div>
<div class="lan de">6</div>
这是我的 JS
$(document).ready(function() {
$('.lan').hide();
$('.en').show();
});
$('.button').click(function(event) {
$('.lan').hide();
var selectedLanguage = $(this).attr('id');
var setActiveLanguage = "." + selectedLanguage;
$(setActiveLanguage).show();
localStorage.setItem("language", selectedLanguage);
currentlanguage= localStorage.getItem("language");
});
这是我的 CSS
.button { cursor:pointer; padding: 0px 30px; }
最佳答案
localStorage.setItem("language", selectedLanguage);
currentlanguage= localStorage.getItem("language");
关于javascript - 当我们更改页面时继续显示和隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39663118/