JQuery UI：幅が小さくなると、サイズ変更divの高さを高くする方法はありますか？

Question

2つのdiv（myDiv1とmyDiv2）が別のdiv（otherDiv）内にあり、最終的にasp：TabPanel内に配置されています。私は、myDiv1上でJQuery IUのResizable関数（ここで見ることができます：http://jqueryui.com/demos/resizable/）を使用しています。 myDiv1の幅を変更することはできません。私のジレンマは、幅を短くしてコンテンツが底部にこぼれ落ちたときに、divの高さのサイズが変更されないことです。

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
     $('#myDiv1').resizable({ handles: 'e' }); 
    }); 
</script> 

<asp:TabPanel> 
    <div id="otherDiv"> 
     <div id="myDiv1"> 
      ... Some Stuff ... 
     </div> 
     <div id="myDiv2"> 
      ... Some Other Stuff ... 
     </div> 
    </div> 
</asp:TabPanel> 

誰もが何か提案がありますか？

Answer 1

イベントは、ユーザーが要素のサイズを変更するたびに独自のコードを実行するために使用できます。ここから幅を計算し、高さを変更することができます。

$("something").resizable({ 
    // ... 
    resize: function(event, ui){ 
     // do stuff here 
    }, 
    // ... 
});