我有一个内联的jquery字符串,它显示一个动态的文本字符串,如下所示:
$( "#submit_buttonA" ).attr('update-confirm', '{% trans "Are you sure you want to change the language of the website from" %} ' + $('#id_language_code option[value=' + '{{ user.get_profile.language_preference }}' + ']').text() + ' {% trans "to" %} ' + $('#id_language_code option[value=' + newLanguageCode + ']').text() + '{% trans "?" %}');
这给了我以下内容:
您确定要将网站的语言从português(Brasil)更改为Italiano - italiano吗?
我现在正在尝试以粗体字形式显示语言名称,但是我采用的每种方法都会使< B个;< / B个屏幕上的字符。
这就是我想要实现的目标:
您确定要将网站的语言从português(Brasil)更改为 Italiano - italiano 吗?
所以我尝试了以下内容:
$( "#submit_buttonA" ).attr('update-confirm', '{% trans "Are you sure you want to change the language of the website from" %}<b> ' + $('#id_language_code option[value=' + '{{ user.get_profile.language_preference }}' + ']').text() + '</b> {% trans "to" %}<b> ' + $('#id_language_code option[value=' + newLanguageCode + ']').text() + '</b>{% trans "?" %}');
这就是我得到的:
您确定要从&lt;更改网站的语言吗? b&gt;português(Brasil)&lt; / B个到&lt; b&gt; Italiano - italiano&lt; / B个?
编辑:根据请求添加代码
$('a[update-confirm]').click(function(ev) {
var href = $(this).attr('href');
if (!$('#updateConfirmModal').length) {
//please wait included in the line of code below.
$('body').append('<div id="updateConfirmModal" class="modal modal-confirm-max-width" role="dialog" aria-labelledby="updateConfirmLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"><icon class="icon-remove"></icon></button><h4 class="modal-title" id="updateConfirmLabel">{% trans "Confirm Language Change" %}</h4></div><div class="modal-body"></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">{% trans "Cancel" %}</button> <span class="visible-phone"><br /></span><a class="btn-u btn-u-blue" id="updateConfirmOK" onclick="submitForm();showProgressAnimation();">{% trans "Update Language View" %} - {% trans "Language Change" %}</a></div></div>');
}
$('#updateConfirmModal').find('.modal-body').text($(this).attr('update-confirm'));
$('#updateConfirmOK').attr('href', href);
$('#updateConfirmModal').modal({show:true});
return false;
});
答案 0 :(得分:1)
只需将.text()更改为.html()。
.text()按字面意思呈现所有内容,而.html()呈现普通的HTML。
答案 1 :(得分:1)
更改此行:
$('#updateConfirmModal').find('.modal-body').text($(this).attr('update-confirm'));
到这一行:
$('#updateConfirmModal').find('.modal-body').html($(this).attr('update-confirm'));
请关注原帖中的评论,以了解整个过程