javascript - Jqueryのドラッグ可能+サイズ変更可能で問題が発生し、要素がその親内に留まらない

Question

これがJSfiddleです：http：//jsfiddle.net/hjtBA/

要素を南東の角にドラッグして繰り返し実行しようとすると、要素が範囲外になっていることがわかります。これは、ドラッグ可能でサイズ変更可能なプラグインが1つの要素で一緒に使用されている場合にのみ発生することに気付きました。

これはどのように解決できますか？

ありがとう！

Answer 1

サイズ変更可能な場合も、包含を親に設定する必要があります。

$(function(){
    $('#inner').resizable({
        containment: 'parent'        
    });
    $('#inner').draggable({
        containment: 'parent'        
    });    
});​

ここで更新されます：http://jsfiddle.net/hjtBA/97/