![](/img/trans.png)
[英]jQuery / jQuery mobile - refresh page formatting after .append
[英]How to refresh/preserve HTML formatting after javascript edit using JQuery Mobile
我正在尝试通过运行javascript函数用不同的语言替换html来设置支持多种语言的能力。 该脚本似乎可以正常运行,但是这样做会使JQUery Mobile附带的格式丢失
我正在使用以下表格进行替换
for (var i = 1, e; e = document.getElementById("input1_" + i); ++i)
e.innerHTML = input[2, 1];
我有格式为input1_1,input1_2 ...等的ID替换的地方
我有一个小提琴来说明一个可行的示例-请参阅http://jsfiddle.net/eKXPU/4/
如果您尝试使用小提琴,您将看到单击俄语时,“属性”会正确更改,但会失去格式。 单击俄文等效项仍然可以打开可折叠的内容,但是,它的确只是格式问题。
任何帮助表示赞赏-我希望它像刷新JQuery CSS的调用一样简单,但是不知道该语法是什么。
谢谢
编辑:尝试添加
$('#home').trigger('pagecreate');
脚本执行完后,在“ 如何刷新JQuery Mobile中加载了外部内容的DIV的CSS”上键入答复,但这还是行不通的
因为您使用的是jQuery Mobile,它可以动态更改html。 经过beeing处理后,您的html如下所示:
<h3 id="input1_1" class="ui-collapsible-heading ui-collapsible-heading-collapsed">
<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-up-c ui-fullsize ui-btn-icon-left ui-corner-top ui-corner-bottom ui-btn-up-null" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="plus" data-iconpos="left" data-theme="null" data-mini="false">
<span class="ui-btn-inner ui-corner-top ui-corner-bottom">
<span class="ui-btn-text">Properties
<span class="ui-collapsible-heading-status"> click to expand contents</span>
</span>
<span class="ui-icon ui-icon-plus ui-icon-shadow"> </span>
</span>
</a>
</h3>
如您所见,现在不可能仅访问文本。 我的解决办法是只是包装中有没有其他的意思另一跨度文本这样 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.