Диалог jQuery-UI: текущая высота и ширина

Question

Я хочу показать текущую высоту и ширину диалогового окна jQuery-UI в реальном времени внутри диалогового окна.Как я могу сделать то же самое.Я имею в виду, если я увеличу высоту перетаскиванием, то текущая высота будет обновлена.

Спасибо

Answer 1

Попробуйте это: http://jsfiddle.net/bryanjamesross/ngrkf/

Должно быть достаточно, чтобы начать. В основном вы ищете событие resize диалогового окна jQueryUI.

Проверьте документы здесь: 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));
    } 
});