内容を変更した後、Jquery UIでdivのサイズを変更するにはどうすればよいですか？

Question

私はJavery UIを使って、ユーザーがdivをビデオプレーヤーでサイズ変更できるようにしています。 これは、コードの抜粋です。

<script type="text/javascript"> 
    $(function(){ 
    $("#stream").resizable({ 
    containment: "#content", 
    minHeight: $('#content').height(), 
    maxWidth: ($('#content').width()/1.3) 
    }); 

}); 
</script> 

<div id="stream"> 
<!-- Flash video player stuff --> 
</div> 

ページがレンダリングされるとき、予想通り、この作品。このサイズ変更コントロールを行った後

#('#stream').html(<--!Code for another video player-->); 

消え、私は再び$("#stream").resize()を起動しても動作するようには思えません。私は「#stream」のdivの内容を変更イベントをトリガするときの問題があります。

私は何か間違っているのですか、何らかの問題を回避する必要がありますか？

Answer 1

#content自体が変更されても、ウィジェットは作成時に指定したパラメータで動作します。あなたのいずれかすることができ、完全にdestroyウィジェットとそれを再作成：

あまり侵入的

$("#stream").resizable("destroy").resizable({ 
    containment: "#content", 
    minHeight: $("#content").height(), 
    maxWidth: $("#content").width()/1.3 
}); 

かを、その動作パラメータを更新するために、optionメソッドを使用します。

$("#stream").resizable("option", { 
    minHeight: $("#content").height(), 
    maxWidth: $("#content").width()/1.3 
}); 

Answer 2

あなたは#stream例えば

に追加要素を追加することができます

<div id="stream"><div class="cnt"></div></div> 

と電話で内容を更新する

$('#stream div.cnt').html(<--!Code for another video player-->);