jquery는 페이지가 직접로드 될 때 다른 페이지와 연결될 때만 요소 높이를 설정하지 않습니다.

Question

내 페이지 중 하나에서 요소의 높이를 강요하려고하지만 어떤 이유로 든 jquery Im은 페이지를 칠 때만 작동합니다. 다른 페이지의 링크에서 사이트 페이지를 직접 이동하거나 다시로드하는 경우가 아닙니다. 페이지가 여기에 있습니다 : 오른쪽에 큰 슬라이드 쇼이있을 예정이다

http://kylejenningsdesign.com/gp/

.

Answer 1

이미지가 모두로드 된 후이 높이 계산을 트리거

$('.imageCycler img').load(function(){ 
     maxHeight = (maxHeight > $(this).height()) ? maxHeight : $(this).height(); 
     $(this).closest('div').height($(this).height()); 
     $('.imageCycler').height(maxHeight); 
}); 

에

$('.imageCycler img').each(function(){ 
     maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height(); 
     $(this).closest('div').height($(this).height()); 
}); 

을 변경해보십시오. 자세히보기 : http://api.jquery.com/load-event/

Answer 2

작동하지 않는 버전이 이미지 div의 높이를 0으로 설정 한 것으로 보입니다. "display : none"을 올바르게 설정하고 해제하고 있지만 높이가 0이면 도움이되지 않습니다. 확실하지 않습니다. 왜이 일이 일어났습니다. 그러나 div를 표시하는 코드를 수정하여 적당한 높이 (600, 말)로 높이를 설정 한 다음 pageload의 첫 번째 요소에 대해 수행합니다. 당신이 그 주위를 골라 내야합니다. 실제로 높이를 설정하고 페이지로드에서 수행하지 않는 경우 문제가 될 수 있습니다. 왜 이런 일이 일어나는지 확신 할 수 없지만로드 순서라고 말하고 싶습니다.