嗨,我正在使用 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