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

How to refresh/preserve HTML formatting after javascript edit using JQuery Mobile

本文关键字：刷新 Mobile 保留 格式 HTML JQuery javascript 编辑      更新时间：2023-09-26

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

我用下面的表格来做替换

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

我有id的格式为input1_1, input1_2…等来代替

我有一个小提琴来说明一个工作的例子-见http://jsfiddle.net/eKXPU/4/

如果你尝试小提琴，你会看到，当你点击俄语，"属性"改变正确，但失去了格式。点击俄文的对应内容仍然可以打开可折叠的内容，所以这似乎是一个格式问题，只是

感谢任何帮助-我希望它是像调用刷新JQuery CSS一样简单，但不知道语法是什么。

感谢

编辑:试过添加

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

脚本完成后，在"如何在JQuery Mobile中刷新加载了外部内容的DIV的CSS"中键入一个回复，但这也没有工作

因为你使用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>

正如您所看到的，现在不可能直接访问文本。我的解决方案是将文本换行到另一个没有其他含义的span中

相关文章：