jquery滑塊...如何自動調整高度？

Question

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

我有一個內容滑塊...檢查測試用例的小提琴..

想什麼，我才達到的是，當我滑到一個（其他）.page_content網頁會需要調整高度目前列（面板或任何）....現在，顯然它調整到最高面板...

並請假設，內容是動態加載，所以我做先滑動，然後加載裏面的內容...（不是反之亦然......爲了狀態指示的目的）....所以我不知道面板高度在先前ke在這個測試案例中...

我不想從已經加載（但隱藏）面板中刪除內容，以獲得適當的高度！

有什麼想法？它可以在CSS中完成，我是否需要更改我的標記？拜託，我很絕望！

Answer 1

我不是很好（甚至不錯）在JavaScript和動畫，但這裏有一個解決方案。

只需將容器div的高度設置爲與正在顯示的內容div的高度相等即可。

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

Answer 2

你可以嘗試一下： 對於.page_content設置height:auto;（和取消固定高度的列）。

然後，當你點擊一個菜單鏈接調節高度：

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

這裏的變化： http://jsfiddle.net/VDz4J/14/

而且假設你可以使用一個函數，如負載（要動態加載內容），你可以利用它的回調：

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