Jquery浏览器后退按钮 - 保持设置

时间:2012-10-25 12:04:43

标签: javascript jquery html

这个问题是基于我之前的问题 stackoverflow我希望根据语言选择更改href链接。

感谢这里的帮助,它现在做了应有的事情。

(function ($) {

$(function(){
var select = $('#language-selection');

var options = select.children('#other-languages');
select.attr('style', '-moz-user-select:none;-webkit-user-select:none;');
options.css({
display:'none'
});

select.click(function() {
if(options.css('display') == 'none') {
/* options.css({display:'block'}); */
options.slideToggle('fast');
} else {
/* options.css({display:'none'}); */
options.slideToggle('fast');
}
});

});

})(jQuery);


    var current = "English"
$("[data-lang]").on("click", function() {
    var lang = $(this).data("lang");

    $(".clickButton").prop("href", function(i, href) {
        return href.replace(current, lang);
    });


$('#language-selection > #current-language > img').attr('src' , $(this).find('img').attr("src"));

$('#language-selection > #current-language > img').attr('alt' , lang);
$('#language-selection > #current-language > img').attr('title' , lang);


$("#language-selection > #current-language").contents().each(function() {
    if(this.nodeType == 3)

             this.nodeValue = this.nodeValue.replace(current, lang);

});



current = lang;

});

我的问题是:当点击通过语言选择更改的链接并单击浏览器后退按钮时,它当然会返回默认语言设置。

是否有一种简单的方法可以“保存”语言设置,以便它不会切换回默认设置?

谢谢。

1 个答案:

答案 0 :(得分:0)

我的解决方案是在用户更改值时将其存储在localStorage中:

var lang = $(this).data("lang");
localStorage['lang'] = lang;

当您加载页面时,您可以

var lang = localStorage['lang'] || defaultLanguage;

因此,您无需在URL中传递所选语言,并将其保存在用户的计算机上。

顺便说一句,我更喜欢使用normalized language codes,即“en”而不是“English”,以便与各种i18N工具兼容。