jQuery Mobile嵌套列表 - 正常重点文本被隐藏

Question

使用jQuery Mobile中的嵌套列表，当您有子列表时，普通文本会消失。以下是示例代码：

<div data-role="page">
<ul data-role="listview">
    <li>
            <h1>Header Text 1</h1>
        Normal Text 1
        <p>Sub Text 1</p>
    </li>
    <li>
        <h1>Header Text 2</h1>
        Normal Text 2
        <p>Sub Text 2</p>
        <ul>           
            <li><p>Sub item 1</p></li>
            <li><p>Sub item 2</p></li>
        </ul>
    </li>
    <li>
        <h1>Header Text 3</h1>
        Normal Text 3
        <p>Sub Text 3</p>
    </li>
</ul>
</div>

在嵌套列表中看不到文本Normal Text 2。

这是一个截屏：

我还整理了一个显示问题的jsfiddle：http://jsfiddle.net/stani/2WwGC/
更新：小提琴不正确 - 现在应该是正确的。

有没有办法让'普通文字2'出现？或者这可能是jQuery Mobile框架的一个错误？

Answer 1

jQueryUI似乎从原始列表中提取某些HTML标记，并根据其语义含义（<h1>成为标题等）以更高级的方式重写它们。在我看来，“孤立的文本”处理不当。

在任何情况下，我都认为没有理由不在<p/>或<div/>中包装“普通文字”。