Jquery mobile jQuery Mobile何时增强页面内容?

Jquery mobile jQuery Mobile何时增强页面内容?,jquery-mobile,Jquery Mobile,我在jQuery Mobile增强可折叠和翻转开关两次时遇到了一个小问题——最终结果是我看到了“double”。我仍在努力解决这个问题,但为了让我的应用程序正常运行,我需要做一些特殊的事情 jQuery、jQM和相关的CSS正在从CDN获取 我在$(document.ready)中做了一些额外的工作,它放在文档底部,在结束正文标记之后 我的原始标记与 <div data-role="collapsible-set"> <div data-role="collapsible"

我在jQuery Mobile增强可折叠和翻转开关两次时遇到了一个小问题——最终结果是我看到了“double”。我仍在努力解决这个问题,但为了让我的应用程序正常运行,我需要做一些特殊的事情

  • jQuery、jQM和相关的CSS正在从CDN获取

  • 我在$(document.ready)中做了一些额外的工作,它放在文档底部,在结束正文标记之后

我的原始标记与

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

你好,世界
你好吗

将“增强”到


就像平常一样。在我看来,随着CSS、JS和$(document.ready)的排序,我无意中让jQM对手风琴、折叠和翻转开关(ListView等)进行了选择性的双重增强


如果有人能告诉我jQM在何时何地执行其启用操作,我将不胜感激,这样我就可以确定问题所在,答案很简单-如果您遇到类似的问题,几乎可以肯定您有两个对jQM的引用。在我的例子中,有一个引用是从一个我很久没有接触过的必需文件生成的,然后在最近的一次编辑中,我在我的页面标记生成代码中又添加了一个引用。轰

您可以创建一个再现问题的JSFIDLE,或者至少在ready()函数中向我们展示脚本吗?
<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>