jQuery Mobile 何时增强页面内容？答案

【问题标题】：When does jQuery Mobile enhance page content?jQuery Mobile 何时增强页面内容？
【发布时间】：2014-07-21 14:27:20
【问题描述】：

我在 jQuery Mobile 两次增强可折叠和翻转开关方面遇到了一个小问题 - 最终结果是我看到了“双重”。我仍在尝试解决问题，但我需要做一些特殊的事情才能让我的应用程序正常工作

正在从 CDN 获取 jQuery、jQM 和相关 CSS
我在 $(document).ready 中做了一些额外的工作，它位于文档的底部，在结束 body 标记之后。

我原来的标记是

<div data-role="collapsible-set">
<div data-role="collapsible" data-collapsed="false">
<h3>Hello World</h3>
<p>How are you</p>
</div>

得到“增强”到

<h3 class="ui-collapsible-heading">
<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-minus ui-btn-icon-left ui-btn-inherit">
<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-minus ui-btn-icon-left ui-btn-inherit">
Hello World

点击折叠内容点击折叠内容

而不是

<h3 class="ui-collapsible-heading">
<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-minus ui-btn-icon-left 
 ui-btn-inherit">
Hello World
<span class="ui-collapsible-heading-status"> click to collapse contents</span>
</a></h3>

正常情况下。在我看来，随着我的 CSS、JS 和 $(document).ready 的排序，我无意中导致 jQM 对手风琴、可折叠和翻转开关进行了选择性双重增强（列表视图等似乎毫发无损）。

如果有人能告诉我 jQM 何时何地执行其增强操作，我将不胜感激，以便我确定问题

【问题讨论】：

你能创建一个重现问题的 jsFiddle，或者至少向我们展示你的 ready() 函数中的脚本吗？

标签： jquery-mobile

【解决方案1】：

简单的答案 - 如果您遇到类似的情况，您几乎可以肯定有两个 jQM 参考。在我的例子中，我从一个多年未接触过的 required 文件生成了一个引用，然后在最近的一次编辑中，我在页面标记生成代码中又添加了一个。轰隆隆！

【讨论】：