如何在使用JQuery Mobile编辑javascript后刷新/保留HTML格式

我正试图通过运行javascript函数，用不同的语言替换html，来设置支持多种语言的能力。脚本似乎运行正常，但在这样做时，我丢失了JQUery Mobile附带的格式

我用下面的表格做替换

for (var i = 1, e; e = document.getElementById("input1_" + i); ++i)
  e.innerHTML = input[2, 1];

其中我的id格式为input1\u 1，input1\u 2。。。等，以取代

我有一把小提琴来演示一个工作示例-参见

如果你试着拉小提琴，你会发现当你点击俄语时，“属性”会正确地改变，但会丢失格式。但是，点击俄文版本仍然会打开可折叠内容OK，所以这似乎只是一个格式问题

非常感谢您的帮助-我希望它能像调用jQueryCSS一样简单，但是我不知道它的语法是什么

谢谢

编辑：已尝试添加

$('#home').trigger('pagecreate');

---

在脚本完成后，在处键入回复，但这也不起作用，因为您使用jQuery Mobile动态更改html。经过处理后，您的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">&nbsp;</span>
        </span>
    </a>
</h3>

---

正如您所看到的，现在不可能只访问文本。我的解决方案是将文本包装在另一个没有其他意义的跨度中。

太棒了-谢谢。我将不得不消化一段时间，以充分理解差异和推理，但毫无疑问，它解决了我的问题。