jQuery matchHeight - 요소 무시

Question

저는 jQuery matchHeight을 사용합니다. 행의 모든 ​​요소를 ​​동일한 높이로 만드는 데 사용됩니다.

두 개의 요소 인 .main과 .sidebar이 있다고 가정 해 보겠습니다. 사이드 바는 Main의 높이와 일치해야하지만 다른 방향으로는 일치하지 않아야합니다. 분명히하기 위해, 메인은 사이드 바를 일치 시켜서는 안됩니다.

난 그냥 jQuery와 함께 할 수 있지만 다른 장소에 matchHeight를 사용하고 등등 padding, margin, box-sizing 및 대한 계정을합니다.

가능합니까? 방법? 예

• .main 345px이고 .sidebar가 1255px이면 .main 높이 - JS

  jQuery(document).ready(function($) { 
      $('.match').matchHeight(); 
  }); 
  

  HTML

  <div class="main match">Main content</div> 
  <div class="sidebar match">Sidebar content</div> 
  

  업데이트

  쉬 변경하지 마십시오.

• .sidebar가 345px이고 .main이 1255px이면 .sidebar를 변경해야합니다.

메인을 절대로 변경하면 안됩니다. 사이드 바는 메인보다 짧으면 변경해야합니다.

Answer 1

GitHub의에 대한 설명서으로 판단,이 같은 옵션을 설정할 수 있습니다

이

$(function() { 
    $('.sidebar').matchHeight({ 
     target: $('.main'), 
     property: 'min-height' 
    }); 
}); 

을 위 .main의 높이를 동일하게 .sidebar의 최소 높이를 설정합니다하지만 바이스 반대