2

我有一个 ul 向左浮动，它是它旁边的容器 div 的垂直选项卡导航。容器 div 填充了与 ul 具有 li 相同数量的 div。基本上，我需要从 ul (.selector) 的高度计算容器 div (.selector-content) 的最小高度。由于我的页面上有几个这种排列的实例，如果每个 div 都可以根据它对应的 ul 调整大小，那就太好了。ul 和 div 都在手风琴的面板中。该功能来自 jQuery 中的选项卡。如果有一个 jQuery 函数可以做到这一点，那就太好了。有任何想法吗？

<html>
<head>
</head>
<body>    
<div class="accordion">
 <p class="ac-head current">Panel 1</p>
  <div class="panel">
   <ul class="selector">
    <li>Tab 1</li>
    <li>Tab 2</li>
    <li>Tab 3</li>
    <li>Tab 4</li>
    <li>Tab 5</li>
   </ul>
  <div class="selector-content">
   <div class="content">Tab 1 Content</div>
   <div class="content">Tab 2 Content</div>
   <div class="content">Tab 3 Content</div>
   <div class="content">Tab 4 Content</div>
   <div class="content">Tab 5 Content</div>
  </div> <!-- Close selector-content -->
 </div> <!-- Close panel -->
</div> <!-- Close accordion -->    
</body>
</html
4

1 回答 1

2

您是否尝试过简单的：？

$("div.panel").css({ "min-height": $("ul.selector").height() });
于 2012-10-29T17:46:59.527 回答