增加可摺疊內容的大小

Question

我試圖創建一個小按鈕（一個選項按鈕），當點擊時打開一個選項菜單。然而，不折疊時內容的大小與按鈕的大小相同 我試圖增加li的大小。我已經在我的樣式中添加了這個設置按鈕的寬度。我想讓這個按鈕成爲一個合理的大小，可以打開更大的內容。

如何在不改變文檔中的所有li的情況下增加div內LI的大小。

.ui-collapsible { 
      width:130px; 
     } 

<div data-role="collapsible" data-collapsed-icon="gear" data-expanded-icon="gear"> 
      <h4>Options</h4> 
      <ul data-role="listview" data-inset="false"> 
        <li>Read-only list item 1</li> 
        <li>Read-only list item 2</li> 
        <li>Read-only list item 3</li> 
      </ul> 
     </div> 

Answer 1

可摺疊的小部件並不是真正爲此設計的。我覺得你最好使用popup：

<a href="#myMenu" data-rel="popup" data-transition="slideup" class="ui-btn ui-btn-inline ui-icon-gear ui-btn-icon-left">Options</a> 
<div data-role="popup" id="myMenu"> 
     <h4>Options</h4> 
     <ul data-role="listview" data-inset="false"> 
       <li>Read-only list item 1</li> 
       <li>Read-only list item 2</li> 
       <li>Read-only list item 3</li> 
     </ul> 
</div> 

DEMO