1

リストビューを含む折りたたみ可能なパネルを別のリストビュー内に配置しようとしています。私はほとんどそれを手に入れましたが、パネルのヘッ​​ダーを正しくフォーマットすることができず、他のリストビューアイテムに比例して「整列」していません。

<div data-role="page" id="home">
    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-divider-theme="a">
            <li role="heading" data-role="list-divider">Options
            </li>
            <li data-theme="a">
                <a href="" data-transition="slide" data-theme="c" data-native-menu = "false">Create Map</a>
            </li>
            <li data-theme="a">
                <a href="#" data-transition="slide" data-theme="c" data-native-menu = "false">Close Map</a>
            </li>
            <div data-role="collapsible" id="" data-collapsed="false">
                    <h4>Add Map</h4>
                    <ul data-role="listview" data-inset="true" data-divider-theme="a">                
                    <li data-theme="a">
                        <a href="" data-transition="slide" data-theme="c" data-native-menu = "false">By ZipCode</a>
                    </li>
                    <li data-theme="a">
                        <a href="" data-transition="slide" data-theme="c" data-native-menu = "false">By Street #</a>
                    </li>
                </ul>
           </div>
           <li data-theme="a">
                <a href="" data-transition="slide" data-theme="c" data-native-menu = "false">View Map</a>
            </li>
        </ul>
    </div>
</div>

フィドル： http： //jsfiddle.net/robertfah/UsZUU/

アップデート

私はここでオンラインで例を見つけました：http：//jsfiddle.net/Gajotres/m6zVq/それは私を正しい方向に向けました。今の私の唯一の問題は、falseではなくdata-inset="true"最初に設定した場合、折りたたみ可能な背景がリストビューの残りの部分を超えて拡大することです。 <ul><div>

更新されたフィドルは次のとおりです。http：//jsfiddle.net/robertfah/Skjyf/（申し訳ありませんが、最初のフィドルを更新して保存する方法がわかりません）

4

1 に答える 1

4

解決

これはあなたが達成したかったことですか：http：//jsfiddle.net/Gajotres/34LJM/

私はあなたの例にこのcssを追加しました：

.ui-collapsible .ui-collapsible-content {
    margin: 0 0 !important;
    padding: 10px 0 !important;
}

より詳しい情報

この種の変更を自分で行う方法を学びたい場合は、この記事を確認する必要があります。これを自分で行う方法を説明します。

于 2013-01-24T22:24:53.470 に答える