用于记住语言设置网站的 Cookie 脚本

Question

我在 stackoverflow 上找到了此代码用于网站翻译，但是当我使用它时，网站会闪烁，就像它每毫秒会转到相同/或其他页面一样。

我正在使用这个脚本：

  <head>
    <script type="text/javascript" src="script/jquery.js"></script>
        <script type="text/javascript" src="script/jquery.cookie.js"></script>
    <script>
                $(function () {

        var url = 'http://www.gester.nl';
        var english_page = 'index-eng';
        var dutch_page = 'index';


        if ($.cookie('default_page') != null) {
            if (window.location.href != url + '/' + $.cookie('default_page')) {
                window.location.href = url + '/' + $.cookie('default_page');
            }
        }

        $('#english').click(function () {
            $.cookie('default_page', dutch_page, { expires: 999 });
            alert('Dutch was set as the default language');
        });

            $('#dutch').click(function () {
            $.cookie('default_page', dutch_page, { expires: 999 });
            alert('Dutch was set as the default language');
        });

    });</script> </head>

我正在将此代码用于我的图像按钮：

<a href="index"><img id="dutch" src="images/dutch.png"></a>

和

<a href="index-eng"><img id="english" src="images/english.png"></a>

我是这样离开网站的，所以你可以在我的朋友网站www.gester.nl上测试它。

在英语按钮上向后单击，然后再次在荷兰语按钮上单击。 有时点击英语时它会起作用，有时当您点击英语和荷兰语按钮时它不起作用。

非常感谢您的帮助。因为当它工作了几秒钟时我很高兴，然后我看到了这个我现在无法解决的问题。一直在寻找和更改（default_page）并删除一些行以查看问题开始的位置，但我不知道如何使用此 jquery 代码。

感谢您的宝贵时间。

Answer 1

$('#english').click(function () {
        $.cookie('default_page', dutch_page, { expires: 999 });
        alert('Dutch was set as the default language');
    });

您正在这样做，所以无论何时单击荷兰语或英语，它都会将其设置为荷兰语页面。因此，您的默认页面 cookie 正在尝试更新为新变量，并且不断调用旧变量。尝试将英文功能设置为：

$('#english').click(function () {
        $.cookie('default_page', english_page, { expires: 999 });
        alert('English was set as the default language');
    });

可能是错的，但我只是好奇它的作用。很确定这可能会导致某些问题。

Answer 2

根据我上面的回答，也这样做。

在您的 script.js 文件中，更改以下内容：

document.getElementById("mybtn").addEventListener("click", function(){
document.getElementById("my_form").className="submitted";
});

到这里：

document.getElementById("mybtn").addEventListener("click", function()){
document.getElementById("my_form").className="submitted";
});