jQuery UI手風琴和框大小：邊框

Question

我只是玩jQueryUI第一次，我很興奮，我可以用它做什麼。不過，由於我在頁面上使用了框尺寸：邊框，因此我似乎很快遇到了問題。

舉例來說，如果我在頁面上這個基本HTML（手風琴標籤是我真正的頁面更加豐滿內的文本，這只是用於演示目的）：

<div id='accordion'> 
<h3>Header 1</h3> 
<div>This is <a href="#">paragraph one</a>.</div> 
<h3>Header 2</h3> 
<div>This is <a href="#">paragraph two</a>.</div>    
<h3>Header 3</h3> 
<div>This is paragraph three.</div> 
</div> 

我可以把它與jQuery合作成手風琴：$('#accordion').accordion()。

但是，如果箱尺寸設定爲邊界框：

* { 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 

}

然後有一個非常不愉快「啪」每當我打開手風琴節一上來（在最後）。如果我刪除了盒子大小設置（不是可能的永久解決方案），那麼「snap」會消失。

真的可以這樣，我不能使用jQueryUI手風琴，因爲我已經設置框大小爲邊框？我想我可以修改他們的代碼來使用盒子大小......但顯然我更願意避免這種情況（部分原因是我沒有足夠的能力來做到這一點）。

我很驚訝地發現這個問題之前沒有被問到......所以我猜這是一個痛苦的明顯解決方案，我只是不知道。

謝謝！

Answer 1

嘗試使用heightStyle選項：

$('#accordion').accordion({ 
    heightStyle: 'content' 
}); 

http://jsfiddle.net/HNp5r/

我不知道爲什麼它雖然解決了這個問題。