jQuery的旋轉木馬 - 自動展開高度

Question

我有一個功能垂直jQuery的旋轉木馬，因爲我已經調整和修改腳本，例如在這裏找到：http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

取而代之的圖像，我使用文本列表項。此腳本使用固定高度的樣式，並且我正在嘗試合併自動展開高度功能。根據li中的內容摺疊和展開。

我已經嘗試了一些與CSS設置某些元素的東西高度：auto;或身高：100％;但似乎沒有工作。

有沒有人有一個珍聞，我應該集中我的嘗試如何使這種自​​動展開和崩潰的內容？我應該調整JavaScript而不是CSS？

只是尋找見解。

Answer 1

這取決於你的旋轉木馬如何工作，但你可能需要調整JavaScript。

如果傳送帶需要具有固定高度的元素，則可以將內容寫入元素，獲取高度，然後將元素的高度設置爲剛剛找到的值。這種方式的高度取決於內容，但它也是固定的而不是流動的，你也知道高度值是多少。

像這樣的東西可能會奏效：

var height = $("#my-li").css({'height':'auto'}).html('Some text content').height(); 
//do any calculations you need with height here 
$("#my-li").css({'height':height+'px'}) 

Answer 2

對不起羅伊，我認爲使用JavaScript可能會被認爲是矯枉過正，甚至如果它的工作原理是不好的做法。

我建議託尼適用

li { display:block; overflow:hidden; width:blabla px;} 

然後高度將被迫根據內容來增加和減少。