0

サイドパネルにあるリストビューで折りたたみ可能なものを動的に作成するネストされた再帰関数がいくつかあります。特にネストされたテキストが短くなり始めると、デフォルトの 17em が小さすぎることがわかりました。だから私はそれを設定するcssでスタイルを見つけ、25emを使用するようにそれらをオーバーライドしました。一部のデバイスでテストした後、これは少し多すぎるかもしれません。しかし、私は脱線します。

ここで質問したいのは、data-display="overlay" を使用すると、折りたたみ可能オブジェクトがパネルからオーバーフローする理由です。「reveal」に設定すると、問題なく表示されます。ネストされたすべてのコンテンツである可能性があると思ったので、ここで静的コンテンツをいじりました: http://jsfiddle.net/LF6UR/

            <div data-role="panel" id="left-panel" data-display="overlay" data-position="left" data-position-fixed="true" data-swipe-close="true" data-dismissible="true">

それはそうではないことがわかります。おそらく、私が認識していないパネルの他のCSSプロパティがあるでしょう。このフレームワークを理解するための細かい設定がたくさんあるようです。メインのコンテンツ領域をプッシュするよりも「オーバーレイ」の方が優れていると本当に思っているので、誰かが助けてくれることを願っています.

4

2 に答える 2

2

jQM は、折りたたみ可能なセット内の折りたたみ可能なものに負の左右マージンを追加します。次のようにマージンをオーバーライドできます。

.ui-collapsible-set .ui-collapsible{
    margin-left: 0;
    margin-right: 0;
}

更新されたフィドル

また、折りたたみ可能なセットを data-inset="true" に変更すると、問題が修正されます。

于 2014-03-19T13:53:22.690 に答える