面板可摺疊設置和列表視圖設置爲em25在'疊加'模式太寬

我有一些嵌套的遞歸函數動態創建可摺疊的列表視圖在側面板。我發現默認17em太小，特別是嵌套文本開始變短。所以我在CSS中找到了設置它的樣式，並且我覆蓋了那些使用25em的樣式。在某些設備上測試之後，這可能會有點過分。但我離題了。面板可摺疊設置和列表視圖設置爲em25在'疊加'模式太寬

我在這裏要問的是爲什麼當我使用data-display =「overlay」時，當我將其設置爲「顯示」它看起來很好時，我的可摺疊式面板溢出面板。我想這可能是我所有的嵌套的內容，所以我做了靜態內容這裏提琴：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屬性沒有意識到。這個框架似乎有很多小小的設置需要了解。希望有人能幫忙，因爲我真的認爲'疊加'比推動我的主要內容區域更好。

來源

2014-03-19 matthewbaskey

jQM爲可摺疊集合中的可摺疊對象添加了負左右邊距。您可以覆蓋保證金是這樣的：

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

更新FIDDLE

此外，更改您的可壓縮集數據，插圖= 「真」修復該問題。

來源

2014-03-19 13:53:22 ezanker

感謝您的答覆，是的，它的工作原理，但它會每隔插頁可摺疊然後，我已經嵌套collapsibles。如果我插入其中的每一個，這對導航來說更直觀，我會用盡文本的空間深入其中。 – matthewbaskey

這裏是我的意思小提琴.. http://jsfiddle.net/magister/LF6UR/3/ – matthewbaskey

在這裏，我嘗試添加一個自定義css類到第一級，但當然，jqm css覆蓋它意思是所有嵌套摺疊也是嵌入http://jsfiddle.net/magister/LF6UR/5/ – matthewbaskey

沒有設置可摺疊插入的解決方案...這是非常重要的，因爲我已經嵌套可摺疊是簡單地設置'魔術'.ui-panel-inner類，JQM將其作爲'增強'放入，但它使得它傳統Web開發人員難以知道如何將樣式應用於其控件。

.ui-panel-inner { 
    /*width: 25em;*/ 
    padding: .2em 1.2em; 
}

http://jsfiddle.net/magister/LF6UR/8/

來源

2014-03-20 14:42:49 matthewbaskey

面板可摺疊設置和列表視圖設置爲em25在'疊加'模式太寬

回答

相關問題