jQuery輪播-自動擴展高度

Question

我有一個功能強大的垂直jquery輪播，因為我已經調整並修改了以下腳本和示例： http : //sorgalla.com/projects/jcarousel/examples/static_vertical.html

而不是圖像，我使用文本作為列表項。 該腳本使用固定高度樣式，我正在嘗試合並自動擴展高度功能。 根據li內的內容折疊和展開

我已經嘗試過使用CSS進行一些操作，例如將某些元素設置為height：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

對不起，Roy，我認為即使使用JavaScript，也可能會被認為是過度使用和不良做法。

我建議托尼申請

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

然后，將根據內容強制增加和減少高度。