JQuery无法设置select的正确值

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);
    ...
});

和fontsize是一个设置为'14pt'的全局变量

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

但是当查看页面时，select会显示第一个选项（'8pt'）。在firebug控制台中，相同的指令$('#fontsize').val(font_size);成功更改了选择;为什么在ready失败？

实时网页here。 更新了链接

Answer 1

当你要求它时你的“14pt”被设置但是对columnize的调用似乎重新启动了所有元素（使用Firebug断点来逐步查看代码执行）。尝试调用columnize（）之前似乎解决了问题。

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