JQuery 크기를 재조정 할 수있는 다른 minHeight

Question

높이가 다른 일부 블록은 내용에 따라 다릅니다. JSFiddle.

높이를 콘텐츠의 높이보다 높게 설정하고 높이보다 작게 만들 수 있습니다. 간단

:

 $(".block").each(function(){ 
      $(this).resizable({ 
       handles: 's', 
       minHeight: $(this).height() 
      });      
     }); 

하지만 (예 4) 일부 블록은 이미 높이를 고정하고있는 나는 이미보다이 블록 작은 수 없습니다 나는 위의 코드를 사용하는 경우.

빈 공간을 피하고 블록 크기를 콘텐츠보다 작게 만들 수 없도록 콘텐츠의 높이를 minHeight로 설정하는 방법이 있습니까?

블록의 모든 내용을 다른 div에 배치하고 높이를 minHeight로 설정 하겠지만 요소의 구조가 변경되지 않은 다른 방법이있을 수 있습니다.

[UPD] @Eopin 나는 높이 내 코드는 다음과 같습니다 재설정하지 않는 경우 :

 $(".block").each(function(){ 
      tmp = $(this).css('height'); 
      if (tmp != 'auto') { 
       $(this).css('height', 'auto'); 
      } 
      $(this).resizable({ 
       handles: 's', 
       minHeight: $(this).height() 
      });  
      if (tmp != 'auto') { 
       $(this).css('height', tmp); 
      }        
     }); 

, 속도를 그것은 작동하고 스크립트가 작동 할 때 나는 시각적 인 변화를 볼 수 없습니다를 블록 < 50에 대해서도 정상입니다. 솔루션과 같이 보입니다. 다른 답변을 위해 며칠 정도 기다렸다가 내 질문을 닫습니다.

$(this).css('height', 'auto'); 

을 그리고 이제까지 블록의 높이를 사용하는 경우 다음의 CSS 속성이 아닌 속성 :

Answer 1

auto으로 설정하여 요소의 높이 속성을 설정 해제 시도

$(this).attr('height', '');