페이지로드 후 div 높이가 일치 jQuery

이미지를로드 한 후 div 높이와 일치하는 데 문제가 있습니다. 그것은 가장 큰 div의 높이를 얻지 만, 이미지가로드되기 전에 그것을 얻는 것처럼 보입니다. 이 주변에 어떤 방법이 있습니까? 여기 페이지로드 후 div 높이가 일치 jQuery

function matchColHeights(col1, col2) { 
    var col1Height = $(col1).height(); 
    alert('col1 '+col1Height); 
    var col2Height = $(col2).height(); 
    alert('col2 '+col2Height); 

    if (col1Height < col2Height) { 
     $(col1).height(col2Height); 

    } else { 
     $(col2).height(col1Height); 
    } 
} 

$(document).ready(function() { 
    matchColHeights('#leftPanel', '#rightPanel'); 
});

그것으로 실행중인 위치에 대한 링크입니다 : http://www.tigerstudiodesign.com/blog/

출처

2011-12-22 Lukasz

이미지가로드 된 후 열 높이의 크기를 조정하십시오. 예 :

$('img').load(function() { 
    $(col1).height(col2Height); 
});

출처

2011-12-22 14:49:38

행운이 없습니다. 여전히 똑같은 일을합니다. – Lukasz

약간의 손놀림과 함께, 나는 이것을 작동하게했다, 고마워! function matchColHeights (col1, col2) { $ ('img'). function() { var col1Height = $ (col1) .height(); 경고 ('col1 :'+ col1Height) \t VAR col2Height = $ (COL2) .height의(); \t 경고 ('COL2'+ col2Height) \t \t (col1Height Lukasz

따르면 this question에, window.load 모든 이미지가로드되었을 경우, 트리거, 그래서이 시도 : 여기에 지금까지 내가 무엇을 가지고

$(window).load(function() { 
    // ... 
}

출처

2011-12-22 14:47:59 Yogu

나는 이것을 시도했지만, div 높이를 잡지 않는 것 같습니다. 나는 경고를했고 그것은 심지어 나타나지 않는다. – Lukasz

당신, 사랑하는 사람, 나를 위해 매우 난처한 문제를 해결했습니다. 고맙습니다!!! – ShiningLight

이미지 태그에 너비와 높이가 제공되지 않는 경우가 있습니다. DOM은 측정을 위해 DOM을 사용합니다. 제공되지 않으면 정확한 높이로 화면을 "다시 칠하기"위해 이미지가로드 될 때까지 기다려야합니다. 이것이 작동하지 않는 이유입니다 ..

출처

2013-03-28 22:15:17

페이지로드 후 div 높이가 일치 jQuery

답변

관련 문제