jQuery carousel - 自动扩展高度答案

【问题标题】：jQuery carousel - auto expand heightjQuery carousel - 自动扩展高度
【发布时间】：2010-03-19 23:13:40
【问题描述】：

我有一个功能性垂直 jquery 轮播，因为我已经调整和修改了这里的脚本和示例：http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

我使用文本作为列表项，而不是图像。此脚本使用固定高度样式，我正在尝试合并自动扩展高度功能。根据 li 中的内容折叠和展开。

我已经尝试了一些 css 的东西，比如将某些元素设置为 height:auto;或高度：100%；但似乎不起作用。

有没有人知道我应该将我的尝试集中在如何根据内容自动展开和折叠？我应该调整 javascript 而不是 CSS？

只是寻找洞察力。

【问题讨论】：

标签： jquery expand carousel

【解决方案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'})

【讨论】：

【解决方案2】：

抱歉，Roy，我认为使用 javascript 可能会被认为是过度使用和不好的做法，即使它有效。

我建议托尼申请

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

然后高度会根据内容强制增减。

【讨论】：