jQuery Mobile手風琴小部件自動高度不起作用

Question

我正在使用jQuery Mobile手風琴小部件與jQuery 1.7.1版和jQueryMobile 1.1.1版。我希望手風琴在展開時佔據一個固定的空間，以便頁面的其餘部分不會向下滾動，就像這裏的演示一樣：http://jqueryui.com/accordion/#default

我試過使用jQuery的'accordion'選項，但是看起來他們是不同的。現在，手風琴小組根據內容改變大小，因此手風琴下面的內容不斷變化。

這裏是我的代碼：

<div data-role="collapsible-set"> 
    <div data-role="collapsible"> 
     <h3>Title 1</h3> 
     <p>[content 1: very long]</p> 
    </div> 
    <div data-role="collapsible"> 
     <h3>Title 2</h3> 
     <p>[content 2: normal length]</p> 
    </div> 
    <div data-role="collapsible"> 
     <h3>Title 3</h3> 
     <p>[content 3: short]</p> 
    </div> 
    <div data-role="collapsible"> 
     <h3>Title 4</h3> 
     <p>[content 4: short]</p> 
    </div> 
</div> 

謝謝！

Answer 1

不要將jQuery Ui手風琴與jQuery Mobile手風琴混淆，它們沒有任何共同之處。

jQuery Mobile的手風琴可以強制使用固定高度一些CSS改變：

.ui-collapsible-content { 
    height: 50px !important; 
    overflow-y:scroll !important; 
} 

直播的jsfiddle例如：http://jsfiddle.net/Gajotres/YvhLk/

刪除溢出-Y：滾動重要;如果你不想要一個滾動條。