2010-03-19 82 views
0

我有一个功能垂直jQuery的旋转木马,因为我已经调整和修改脚本,例如在这里找到:http://sorgalla.com/projects/jcarousel/examples/static_vertical.htmljQuery的旋转木马 - 自动展开高度

取而代之的图像,我使用文本列表项。此脚本使用固定高度的样式,并且我正在尝试合并自动展开高度功能。根据li中的内容折叠和展开。

我已经尝试了一些与CSS设置某些元素的东西高度:auto;或身高:100%;但似乎没有工作。

有没有人有一个珍闻,我应该集中我的尝试如何使这种自​​动展开和崩溃的内容?我应该调整JavaScript而不是CSS?

只是寻找见解。

回答

0

这取决于你的旋转木马如何工作,但你可能需要调整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'}) 
0

对不起罗伊,我认为使用JavaScript可能会被认为是矫枉过正,甚至如果它的工作原理是不好的做法。

我建议托尼适用

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

然后高度将被迫根据内容来增加和减少。