0

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ネストされたリストにテキストが表示されません。

スクリーンショットは次のとおりです。 項目 2 の欠落テキストに注意してください

問題を示すjsfiddle もまとめました
。

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

4

1 に答える 1

1

jQueryUI は、元のリストから特定の HTML タグを抽出し、それらのセマンティックな意味 (<h1>タイトルになるなど) に基づいて、より洗練された方法でそれらを書き換えるようです。「孤立したテキスト」が適切に処理されていないように思えます。

<p/>いずれにせよ、「通常のテキスト」をまたはでラップしない理由はありません<div/>。

于 2012-05-12T23:08:56.883 に答える