jquery - 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/>or<div/>中。