JQuery와 선택

Question

이 올바른 값을 설정하는 데 실패하면 마크 업입니다 :

<select id="fontsize"> 
    <option value="8pt">8pt</option> 
    <option value="10pt">10pt</option> 
    <option value="12pt">12pt</option> 
    <option value="14pt">14pt</option> 
    <option value="18pt">18pt</option> 
    <option value="24pt">24pt</option> 
    <option value="36pt">36pt</option> 
</select> 

나는 ready 기능이 있습니다

$(document).ready(function(){ 

    // init 
    $('#fontsize').val(font_size); 
    ... 
}); 

및 글꼴 크기는 '14pt'로 설정 전역 변수입니다

<script type="text/javascript"> 
var font_size = '14pt'; 
... 

그러나 페이지를 볼 때 선택 항목에는 첫 번째 옵션 ('8pt')이 표시됩니다. 방화 광 콘솔에서 동일한 명령 인 $('#fontsize').val(font_size);이 select를 성공적으로 변경합니다. ready에서 왜 실패하고 있습니까?

라이브 페이지 here. 링크 업데이트

Answer 1

당신이 그것을 요청하지만 columnize에 대한 호출은 (방화범이 단계별로 코드 실행 단계 참조 중단 점 사용) 모든 요소를 ​​REINIT 것 같다 때 귀하의 "14pt"가 설정되어 있습니다. 전에 columnize()를 호출하려고하면 문제가 해결 된 것 같습니다.

$('#ipsum').columnize({columns:nc}); 
$('#fontsize').val(font_size); 
set_style();