在调整大小期间实时显示高度

Question

我正在尝试在该 div 中显示该 div 的当前高度，它应该在调整大小期间更新。

jQuery 用户界面

$(function() {
    $( ".event" ).resizable({
        grid: 10,
        minWidth: 250,
        maxWidth: 250,
        minHeight: 25
    });
});
    $(function() {
        $( "#calendar" ).sortable();
        $( "#calendar" ).disableSelection();
    });

HTML

<ul id="calendar">
    <li class="event event1"><div id="height1"></div></li>
    <li class="event event2"><div id="height2"></div></li>
</ul>

我尝试了几件事，但无济于事。例如：我尝试过使用 setInterval() 但我猜我没有正确使用它。

有人可以帮帮我吗？

编辑 将以下代码添加到 resizable 参数没有帮助。

resize:function(){$('#height1').html($('#calendar').height())}

http://jsfiddle.net/PaulvdDool/TDD2r/1/

Answer 1

也许它就是你要找的东西：

$( ".event" ).resizable({
        grid: 10,
        minWidth: 250,
        maxWidth: 250,
        minHeight: 25,
        resize:function(){$('#height1').html($('#calendar').height())}
    });