jQuery Columnizer 플러그인이 창에서 올바르게 작동합니다.

Question

jQuery Columnizer plugin을 사용 중이며 이상한 문제가 있습니다. 3 열을 사용하여 숨겨진 <div>의 내용을 <div> 대상으로 컬럼 렬합니다. 첫 번째 두 열의 각각에 한 단락 만 배포 한 다음 나머지 단락을 모두 마지막 열에 배치합니다.

이상한 점은 창 크기를 조정하면 자동으로 수정된다는 것입니다. 나는 방화범이 끌려 오는 콘솔 창을 여는 동시에 스스로 자동 수정되도록하기 때문에 대상이 <div> 크기와 관련이 있다고 생각한다. lastNeverTallest:true 설정은 아무 것도하지 않는 것 같습니다.

$('#hidden-about').columnize({ 
    columns: 3, 
    target: '#interiors', 
    lastNeverTallest: true, 
    doneFunc: function() { 
     $('#interiors').css('white-space', 'normal'); 
     $('#interiors').fadeIn(200); 
    } 
}); 

의견을 보내 주셔서 감사합니다.

Answer 1

그게 DOM 요소 후 실행중인 확신이 같이 적절하게 포장하여 준비되어 있는지 확인 :

$(function() { //document.ready shortcut 
    $('#hidden-about').columnize({ ... }); 
}); 
//or... 
$(document).ready(function() { 
    $('#hidden-about').columnize({ ... }); 
}); 
//or, if it depends on image sizing, make sure they're loaded with window.load 
$(window).load(function() { //runs after images are loaded 
    $('#hidden-about').columnize({ ... }); 
}); 

문제가 해결되지 않으면 수동으로이 재 바인딩 된 이벤트를 호출 할 수 있습니다 이 같은 .resize()을 사용하여에 렌더링 :

$(window).resize();