dialogresizeイベントでのjQueryダイアログコンテンツのサイズ変更

Question

jQueryダイアログの 'dialogresize'イベント中にコンテンツdivの高さを設定すると、divの高さは変更されません。

は、例を参照してください：

<div id='myDialog'> 
    <p>some text</p> 
    <div id='resizeToParent' style='overflow: scroll'> 
     <div style="background: #ffc; width: 100px; height: 200px;"></div> 
    </div> 
<div> 

でhttp://jsfiddle.net

を、私は、ダイアログ内の残りの利用可能なスペースの100％を取るための 'resizeToParent' のdivをしたいです。これをする;私はdialogresizeに関数をバインドし（副作用としてdivの内側と内側のdiv内の親の高さを表示する）、divの高さを設定します。

$('#myDialog').bind("dialogresize", function (event, ui) { 
$('#myDialog #resizeToParent') 
     .css('height', $('#myDialog').css('height') - 200); 

ただし、 'resizeToParent' divの高さは変更されません。私は間違って何をしていますか？

Answer 1

チェックこのフィドル：http://jsfiddle.net/S3FQv/

ソリューション：親の計算高さに読み取るため.height()の代わり.css('height')を使用してください。