本地存储的多语言应用程序在应用程序

Local Storage for Multiligual App on appery.io

本文关键字:应用程序 语言 存储      更新时间:2023-09-26

这是我试图创建的第一个应用程序页面。我用的是胡椒。io平台。我试图创建一个页面,有两个选项(语言)的菜单,这样,当用户选择的语言(德语,英语),标题将显示语言如下:德国> Deutsch英文=>英文

我的页面包含两个组件:

  • 标题/标题:有文字"header"
  • 选择菜单:有英文、德文两种选择。

我做了以下的事情:

  1. 我创建了两个翻译。并插入以下内容:

    de-DE: {"header":"Deutsch"}
    en-EN: {"header":"English"}

  2. 我为selectMenu组件创建了四个事件,如下所示:
    a. selectMenu> click>设置本地存储变量:

    • 变量名:language
    • value: var language = Appery("mobileselectmenu_10").find(":selected").text();

    b。选择菜单>点击>设置本地存储变量:

    • 变量名:language
    • value: var language = Appery("mobileselectmenu_10").find(":selected").text();

    c。selectMenu> change value> run java script:

    • localStorage.getItem("语言");

    var option = {lng: language, resGetPath: 'locale/_lng/ns. path . 'json', fallbackLng: 'en-US'};//传递初始化语言;//设置翻译文件路径和回退语言.i18n美元。初始化(选项,函数(t) {$(文档).i18n ();//一旦翻译被加载,翻译整个文档});

    d。

    • localStorage.getItem("语言");
    • var option = {lng: language, resGetPath: 'locale/_lng/ns. log '。json', fallbackLng: 'en-US'};//传递初始化语言;//设置翻译文件路径和回退语言.i18n美元。初始化(选项,函数(t) {$(文档).i18n ();//一旦翻译被加载,翻译整个文档});

当我测试应用程序时,我在控制台得到以下错误:

Uncaught错误:语法错误,无法识别的表达式:不支持的伪:德语jquery-1.9.1.js:4421嘶嘶声。错误jquery-1.9.1.js: 4421Sizzle.selectors.filter.PSEUDO jquery-1.9.1.js: 4776matcherFromTokens jquery-1.9.1.js: 5294Sizzle.compile jquery-1.9.1.js: 5435选择jquery-1.9.1.js: 5513嘶嘶声jquery-1.9.1.js: 3998美元。找到jquery.mobile-1.4.2.js: 220jQuery.fn.extend.find jquery-1.9.1.js: 5576.off.on美元。改变startScreen.js: 138jQuery.event.dispatch jquery-1.9.1.js: 3074elemData。处理jquery-1.9.1.js: 2750jQuery.event.trigger jquery-1.9.1.js: 2986(匿名函数)jquery-1.9.1.js:3677jQuery.extend.each jquery-1.9.1.js: 648jQuery.fn.jQuery.each jquery-1.9.1.js: 270jQuery.fn.extend.trigger jquery-1.9.1.js: 3676(匿名函数)jquery.mobile . 1.4.2.js:11295jQuery.event.dispatch jquery-1.9.1.js: 3074elemData.handle

我知道我可能错过了一些微不足道的东西,但我在应用程序开发方面的知识非常有限。我非常感谢你的帮助。

我认为这就是问题所在:find(":selected"),因为它似乎是一个没有特定上下文使用的"伪"元素。

试着做一些像eg。find("option:selected")find(".my_class:selected")

参考:http://learn.jquery.com/using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option/