jQuery-UI对话框当前的高度和宽度

Question

我想在对话框中实时显示jQuery-UI对话框的当前高度和宽度。我怎么能这样做。我的意思是如果我通过拖动增加高度，那么将更新当前高度。

由于

Answer 1

试试这个：http://jsfiddle.net/bryanjamesross/ngrkf/

应该足以让你入门。您正在寻找的主要是jQueryUI对话框的resize事件。

点击此处的文档：http://jqueryui.com/demos/dialog/#event-resize

---

HTML：

<div id="dlg">
    Width: <span id="w"></span><br />
    Height: <span id="h"></span>
</div>

JavaScript的：

$('#dlg').dialog({
    resize: function(e,ui) {
        $('#w').text(Math.round(ui.size.width));
        $('#h').text(Math.round(ui.size.height));
    } 
});