Question

我正在使用http://jamuhl.github.com/i18next本地化静态网站。

我的初始化脚本是：

jQuery(function($) {
    var setLng = $.url().param('setLng');
    if (setLng)
    {
      language_complete = setLng.split("-");
    }
    else
    {
      language_complete = navigator.language.split("-");
    }
    language = (language_complete[0]);
    console.log("I speak (root): %s", language);

    i18n.init({ lng: language, debug: true }, function() {
        // save to use translation function as resources are fetched
        $(".tzm-i18n").i18n();
        $(".page-i18n").i18n();
        $(".menu-i18n").i18n();
        $(".user-i18n").i18n();
        $(".search-i18n").i18n();
        $(".footer-i18n").i18n();
    });
    // language selector
    var lngSld = false;
    $('.lng_trigger').click(function() {

这是HTML：

  <div id="page" class="page-i18n">
    <!--${languages} Bread crumbs -->
      <p data-i18n="welcome.p1"></p>
      <p data-i18n="welcome.p2"></p>
  </div>
  <li id="set-lang"><!-- Language selector -->
    <select id="source">
        <option selected="selected" value="br">Brasil</option>
        <option value="fr">France</option>
        <option value="de">Germany</option>
        <option value="in">India</option>
        <option value="jp">Japan</option>
        <option value="rs">Serbia</option>
        <option value="uk">United Kingdom</option>
        <option value="us">United States</option>
    </select>
  </li>

单击<select>选项时设置语言的正确方法是什么，只需异步从<p data-i18n="welcome.p1"></p>文件中提取/locals/br/translations.json的值，而无需重新加载整个页面？< / p>

如果用户然后导航到其他页面，那么如何保留它？我正在使用https://github.com/allmarkedup/jQuery-URL-Parser，但没有看到任何改变uri的函数，因此选择被附加到http://domain.tld/br/之类。

Answer 1

我会将翻译函数放在一个单独的函数中（即translatePage()）并在init期间第一次调用它，并在click事件处理程序被触发时第二次调用它。 BR />

另外，i18next带有cookie存储（用useCookie: true初始化）;您可以使用此功能将当前语言与$.i18n.setLng一起存储，并使用$.i18n.lng()函数进行检索。然后很容易重定向到每个URI。

我希望这会有所帮助。

Answer 2

manudurand说的是正确的。此外，您不需要重新加载页面，只需设置语言并再次翻译字符串，如下所示：

i18n.setLng('en-EN', function() { $('[data-i18n]').i18n(); });

然而，在你的情况下，而不是......

$('[data-i18n]').i18n();

......它会......

    $(".tzm-i18n").i18n();
    $(".page-i18n").i18n();
    $(".menu-i18n").i18n();
    $(".user-i18n").i18n();
    $(".search-i18n").i18n();
    $(".footer-i18n").i18n();

使用i18next的异步语言选择器

2 个答案: