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