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 もまとめました
。
「通常のテキスト 2」を表示させる方法はありますか? それとも、jQuery Mobile フレームワークのバグでしょうか?