0

我正在尝试使用 knockout.js 使我的网站成为双语。我将拥有用户可以单击以切换语言的典型标志。

我正在使用的 knockout.js 的实现是这样的：https ://github.com/tfsjohan/Knockout-Localization-Binding

我已经对其进行了相当多的修改，因为原始版本对于我需要的东西来说太过分了。

我要做的是设置一组单选按钮的演示，我可以用它们来模拟切换语言。当我单击一个按钮时，我希望文本更改为我选择的语言。

这是我的 JS：

var resources = {
pLangSelect: {
    en: 'Select your language:',
    es: 'Selecciona tu idioma:'
},
welcome: {
    en: 'Hello <strong>Christopher</strong>! You live in London.',
    es: 'Hola, ¡<strong>Cristóbal</strong>! Vives en Bogotá.'
}
};

这是我的 HTML：

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Knockout Localization Binding Demo</title>
</head>
<body>
<div>
    <div data-bind="restext: 'pLangSelect'"></div>
    <labal for="eng">English</labal>
    <input type="radio" id="eng" name="lang-select">
    <labal for="eng">Español</labal>
<input type="radio" id="esp" name="lang-select">
<div data-bind="reshtml: { key: 'welcome' }"></div>
</div>

<script src="resources.js"></script>
<script src="knockout-2.3.0.js"></script>
<script src="../src/ko.localizationbinding.js"></script>
<script>
    var choice = document.getElementById('esp');
    var locale;

    if (choice.selected) {
        locale="en";
    } else {
        locale="es";
    }

    choice.onclick = function(e) {
        if(choice.checked)
            locale = 'en';
        else
            locale = 'es';
    }

    var vm = {
    name: ko.observable(),
    city: ko.observable()
    };

    ko.applyBindings(vm);
</script>
</body>
</html>

非常感谢您对此事的帮助。

4

1 回答 1

0

Chris - 您可以使用一种新的双语 javascript 解决方案 - 它非常易于使用 - 即插即用 - 只需用 // 分隔两个字符串，例如languageone//languagetwo，它会根据用户选择的语言为用户显示正确的字符串。

它也适用于较大的文本块，使用以下格式：

[[languageone
languageone
languageone///languagetwo
languagetwo
languagetwo]]

www.affiliatewebdesigners.com/product/bilingual-javascript/

于 2014-11-12T19:17:49.147 回答