텍스트의 1 라인이있는 곳

Question

나는 내가 처음 슬라이딩 상자에서 여기 http://jsfiddle.net/dFfJm/

일하고 코드를 업데이트 한 텍스트로 동일한 높이를 설정하기 위해 jQuery를 슬라이딩 상자 스크립트에 약간의 도움이 필요합니다. 두 번째 상자에는 3 줄의 텍스트가 있습니다. 당신이 제대로 보이지 않습니다 볼 수 있듯이

는

, 1

내 질문은 기본적으로 하나 개의 행을 보여주는를 유지하고 사용자가 슬라이딩 부분을 놓을 때 의지하는 방법은 상자에 큰 빈 슬라이딩 영역이 제목 길이만큼 높을까요?

감사합니다.

Answer 1

사용

$(myElement).height() 

는 캡션 텍스트의 동적 폭을 찾아 다음과 같이이 기능을 사용하려면

$(".cover", this).stop().animate({ 
    top: 240-$(this).find('h3').height() + 'px' 
} 

jsFiddle example합니다. 검은 색 테두리는 텍스트의 끝에 도달하지도 도달하지도 않지만 jQuery .height()은 완전히 맞습니다. jsFiddle에 더 많은 텍스트가 포함 된 상자를 추가하여이를 보여줍니다.