JQuery 移动可折叠内容未正确显示

Question

我在使用 JQuery Mobile 可折叠内容时遇到了一些问题 (http://jquerymobile.com/demos/1.2.0-rc.2/docs/content/content-collapsible.html)

这个 HTML：

<div data-role="collapsible" data-collapsed="true">
<h3>Address</h3>
<div id="address_container">
Some hidden content here
</div>  
</div>

<div data-role="collapsible" data-collapsed="true">
<h3>About Us</h3>
<div id="descriptions_container">
Some more hidden content here
</div>
</div>

应该是这样的：

看起来像这样：

在损坏的示例中，按钮不会展开以显示隐藏的内容。页面上的 html 与 jquery 移动网站上的示例相同。当页面加载时它最初很好，但是页面会闪烁，然后像上面一样显示不正确。更糟糕的是它并不一致。有时有效，有时无效。

损坏版本的 HTML 显示它在包含隐藏内容的 div 中插入了整个隐藏内容容器。这是加载后：

任何有关导致此问题的原因以及如何解决的建议或想法将不胜感激。

编辑：

好吧，我已经阻止它发生了。我有一些调试文本是 Response.Written 在页面开头的 HTML 元素之外的页面，停止这似乎已经停止了上述问题的发生。我想 JQuery Mobile 一定是因为它而以一种不寻常的方式把它的玩具从婴儿车里扔了出去。

Answer 1

如 jquerymobile.com 上的示例所示，尝试使用段落而不是 div 作为内容。你的代码是

<div data-role="collapsible" data-collapsed="true">
<h3>Address</h3>
<p id="address_container">
Some hidden content here
</p>  
</div>

<div data-role="collapsible" data-collapsed="true">
<h3>About Us</h3>
<p id="descriptions_container">
Some more hidden content here
</p>
</div>