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

对不起Roy我认为使用javascript可能会被认为是过度使用和不良做法，即使它有效。

我建议Tony适用

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

然后根据内容强制增加和减少高度。

jQuery轮播 - 自动扩展高度

2 个答案: