我正在使用本地化库i18Next开发jquerymobile项目。
HTML代码:
<div id="messageboxPage" data-role="page" data-theme="a">
<div data-role="header" data-theme="a"></div>
<div id="messagePage" data-role="content" data-theme="a">
<div class="barContainer" id="barContainer">
<div class="ui-bar ui-bar-b ui-btn-corner-all" style=" margin-top: 40px; padding-left: 0px;padding-right:10px; ">
<div style="float: left; width: 30%;"> <a href="#" id="aNo" onclick="SetActive('aNo')" class="LnkButton" data-theme="a" data-role="button" data-inline="true" data-mini="true">Cancel</a>
</div>
<div style="float: left; width: 30%;padding-left: 6%; padding-right: 2%;"> <a href="#" id="aAccept" onclick="Supprimer();" data-theme="a" class="LnkButton" data-role="button" data-inline="true" data-mini="true">Delete</a>
</div>
<div style="float: right; width: 30%;"> <a href="#" id="aReply" onclick="Reply();" data-theme="a" class="LnkButton" data-role="button" data-inline="true" data-mini="true">Reply</a>
</div>
</div>
</div>
</div>
</div>
js代码
window.opts = {
lng: 'fr',
getAsync: true,
// fallbackLng: 'en',
ns: {
namespaces: ['ns.controls'],
defaultNs: 'ns.controls'
},
useLocalStorage: false,
debug: true
};
$.i18n.init(opts).done(function () {
alert('i18n init function');
$('#aNo').text("No Merci!");
$('#aAccept').text("Supprimer");
$('#aReply').text("Respondre");
$('#messageboxPage').trigger('pagecreate');
});
$(document).ready(function () {
alert('messagebox document ready');
});
现在的问题是文字改变了,但是按钮样式丢失了。第二个问题是设置带标签的文本;我尝试过页面创建触发器,但它不起作用。你有什么建议?
这是一个工作的JS Fiddle
要更改按钮的文本,您必须修改
.ui-btn-text
元素的文本,这比 span > span
更好:
$('#aNo .ui-btn-text').text("No Merci!");
$('#aAccept .ui-btn-text').text("Supprimer");
$('#aReply .ui-btn-text').text("Respondre");
这对我有用
$.i18n.init(opts).done(function () {
alert('i18n init function');
var message_type = 0;
if (message_type == "0") {
alert('from 0');
$('#lblTo').text("from 0");
} else if (message_type == "1") {
alert('to 1');
$('#lblTo').text("to 1");
} else if (message_type == "2") {
alert('from 2');
$('#lblTo').text("from 2");
}
$('lblDate').text($.t('Messagebox.lblDate'));
$('lblSubject').text($.t('Messagebox.lblSubject'));
//////////////////////////this is where i was wrong
$('#aNo > span > span').text("No Merci!");
$('#aAccept > span > span').text("Supprimer");
$('#aReply > span > span').text("Respondre");
///////////////////////////
$('#messageboxPage').trigger('pagecreate');
});