调整大小时显示高度

Question

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

Jquery UI

$(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（），但我猜我没用它。

有人可以帮帮我吗？

修改 将以下代码添加到可调整大小的参数中没有帮助。

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