Question

我为我女儿做了一个简单的网站。它是荷兰语，每个页面都有英文版本。

荷兰语网址：nl / index.html

英文网址：eng / index.html

我想要做的是让访问者选择将一种语言设置为首选项。因此，如果他们下次访问此站点，他们将自动链接到首选页面。我知道这可以通过cookie来完成，并在这个论坛上看到了解释（How to remember the currently clicked url? javascript?PHP?）。

我试图做这项工作，但显然我做错了什么？有人可以一步一步引导我吗？那太好了！

亲切的问候，尔根

Answer 1

如果您熟悉jQuery，则可以使用cookies plug-in保留用户的语言选择，并在每次回到您的站点时将其重定向到相应的页面。 Bellow是一个示例代码，它使用两个按钮来设置语言：

首先声明jQuery脚本（我用它们将它们存储在 Script 文件夹中，因此如下）：

<script type="text/javascript" src="../Script/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../Script/jquery.cookie.js"></script>

然后你像这样定义页面ready event：

$(function () {

    var url = 'your_url';
    var english_page = 'eng/index.html';
    var dutch_page = 'nl/index.html';

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

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

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

});

它与您页面中的某些html按钮相关联：

<div>
    <span>Select your language:</span>
    <button id="set_english_butt">English</button>
    <button id="set_dutch_butt">Dutch</button>
</div>

记住更好的语言

1 个答案: