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