html - 在 web 移动应用锚样式中使用 i18next 本地化和 jquerymobile v1.3.2 丢失

Question

嗨，我正在使用 jqm 和i18next。我已成功应用本地化，但应用 i18next 时我的锚标记样式丢失。我试过触发和刷新都不起作用

这是我的代码

html代码

<form     id="frmLogin"  action="javascript:GetAction(this);" method="POST">
   <div id="tblLogin" class="loginview">
     <label id="lblId" for="txtid">Member:</label>
      <input type="text" id="txtid" value="cendre" data-i18n="[placeholder]attr.placeholderMember;"   data-theme="a" />
        <label id="lblPassword" for="txtpwd">Password:</label>
        <input type="password" id="txtpwd" value="cendre123" data-i18n="[placeholder]attr.placeholderPassword;"   data-theme="a" /> 
          <div style="padding-top:10px;"> 
           <a href="javascript:void(0);" data-role="button"   id="btnlogin"  data-theme="a" >Login</a>
      </div>
        </div> 
     </form>

javascript代码

 $.i18n.init({
        lng: 'fr',
        ns: { namespaces: ['ns.common', 'ns.controls'], defaultNs: 'ns.controls'},
        useLocalStorage: false,
        debug: true
    }, function() { 
        $('#lblId').text($.t('index.lblId'));
        $('#lblPassword').text($.t('index.lblPassword'));
        $('#btnlogin').text($.t('index.btnlogin'));
        $('#txtid').i18n();
        $('#txtpwd').i18n();


    });

jason lan 文件代码

{
    "index": {
      "lblId": "Membre:",
      "lblPassword": "Mot de passe:",
      "btnlogin": "Connexion"
    },
  "attr": {
    "placeholderMember": "Entrez Id de connexion",
    "placeholderPassword": "Entrez Mot de passe" 
  }  
}

当我在 firebug 中调试我的代码时，它显示代码为

 <a class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-a" data-wrapperels="span" data-iconshadow="true" data-shadow="true" data-corners="true" href="javascript:void(0);" data-role="button" id="btnlogin" data-theme="a">Connexion</a>

当我删除 i18next 本地化时，代码风格很好

 <a class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-a" data-wrapperels="span" data-iconshadow="true" data-shadow="true" data-corners="true" href="javascript:void(0);" data-role="button" id="btnlogin" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">Login</span></span></a>

这是jsfiddle

Answer 1

感谢#Omar，这对我有用

 $('#btnlogin  .ui-btn-text').text($.t('index.btnlogin'));