jquery滑块...如何自动高度?

时间:2011-09-15 14:30:46

标签: jquery css slider

http://jsfiddle.net/VDz4J/5/

我有一个内容滑块...检查测试用例的小提琴..

我想要实现的是,当我滑到(无论如何).page_content时,网页需要将高度调整为当前列(面板或其他)....现在,显然它会调整到最高的面板...

并且请假设内容是动态加载的,所以我首先进行幻灯片,然后加载内容...(反之亦然......用于状态指示)....所以我不喜欢如此测试案例中提前知道面板高度...

我不想删除已经加载(但隐藏)的面板中的内容,只是为了获得合适的高度!

任何想法?它可以在CSS中完成,我需要更改我的标记吗?拜托,我很绝望!

2 个答案:

答案 0 :(得分:2)

我在javascript和动画方面不是很好(甚至不是很好),但这是一个解决方案。

只需将容器div的高度设置为等于正在显示的内容div的高度。

http://jsfiddle.net/VDz4J/15/

答案 1 :(得分:1)

你可以尝试一下: 对于.page_content设置height:auto;(并删除列的固定高度)。

然后当您点击菜单链接时调整高度:

$("#webpage").css("height",$(".pg_"+$pg).height());

以下是更改: http://jsfiddle.net/VDz4J/14/

还假设您将使用诸如load之类的功能(要动态加载内容),您可以利用它的回调:

$('.pg_'+$pg).load('content_url.php', function() {
   $("#webpage").css("height",$(this).height());
});