1

サイドパネル用のマルチレベルのメニューを作成しようとしています。私が使用しているコードはこのフィドルにあります。それは機能しますが、折りたたみ可能な要素の内容が間違ってフォーマットされており、リストの内容が両側で切り取られています (Firefox または Google Chrome で試してみました)。これを行う正しい方法は何ですか？data-inset="true"全体の外観が変わるので、このオプションは好きではありません 。全体を広くしたいだけですが、正しいパディングが必要です。一方、それを行う別の方法がある場合 (展開できない要素を含む折りたたみ可能なセットなど)、私は提案を受け付けています。

免責事項: 私は jqm と Web 開発の初心者です。

4

1 に答える 1

1

解決

これが実際の例です：http://jsfiddle.net/Gajotres/m6zVq/

この css は問題を解決し、他のリストビューに干渉しません:

.ui-collapsible div ul {
    margin: -0.6em 0 !important; //counter top/bottom margins without changing default ones
}

.ui-collapsible div ul .ui-corner-top, .ui-collapsible div ul .ui-corner-bottom {
    border-radius: 0; // remove border radius
} 

.ui-collapsible div ul li.ui-li-divider {
    padding: 0.5em 15px 0.5em 12px !important;
}

編集 ：

ここに別の解決策があります：http://jsfiddle.net/Gajotres/BfGJY/

cssなし。しかし、まだ回避策です。折りたたみ可能な要素の上に 1 つのリストビューがあり、その下に 1 つのリストビューがあります。

より詳しい情報

この種の変更を自分で行う方法を学びたい場合は、この記事をチェックしてください。自分でこれを行う方法を教えてくれます。

于 2013-01-23T11:59:27.750 に答える