jQuery Mobile：製作可摺疊元素100％寬度/不插入

Question

有沒有辦法讓jQuery Mobile中的可摺疊元素/集合不嵌入？默認情況下，它會將可摺疊元素作爲插入項目。

data-inset="false"不會改變行爲。

Answer 1

如果您給margin-left和margin-right屬性設置負值，則可以將可摺疊內容展開爲頁面寬度。

默認margin-top和margin-bottom值可摺疊的8px所以我們可以寫出這樣的CSS規則：

.ui-collapsible { 
    margin : 8px -15px; 
} 

我選擇-15px，因爲這是在data-role="content"元素添加到每個padding負量頁。

這裏是查看一下這個做了的jsfiddle：http://jsfiddle.net/jasper/zSvqU/

Answer 2

你總是可以把可摺疊的內容塊data-role="header"，但當然這只是如果你的可摺疊的內容並不需要在某個地方的好在你的頁面中間。