如何使用jQuery Mobile进行javascript编辑后刷新/保留HTML格式

我试图通过运行javascript函数来使用不同语言替换html来设置支持多种语言的功能。该脚本似乎正常运行，但这样做我松自带的jQuery Mobile的如何使用jQuery Mobile进行javascript编辑后刷新/保留HTML格式

我用下面的表格做更换

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

在那里我有格式input1_1的ID的格式， input1_2 ...等，以取代

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

如果你尝试了小提琴，你会看到，当你在俄罗斯，在“属性”更改，请单击正确，但失去了t他格式化。点击俄罗斯的等价物仍然打开可折叠的内容OK，所以它似乎只是一个格式问题

任何援助赞赏 - 我希望它是一样简单的调用刷新JQuery CSS，但没有知道那是什么语法。

感谢

编辑：是否尝试过加入

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

脚本后，在How do I refresh the CSS for a DIV loaded with external content in JQuery Mobile键控关闭回复，但也没有工作

来源

2013-01-12 vinomarky

因为你使用jQuery移动从而改变动态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">&nbsp;</span> 
     </span> 
    </a> 
</h3>

正如你所看到的，现在不可能只是访问文本。我的解决方案是将文本包装在另一个没有其他含义的范围like this。

来源

2013-01-13 00:46:20 Nemo64

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

如何使用jQuery Mobile进行javascript编辑后刷新/保留HTML格式

回答

相关问题