jquery - jquerydomのサイズ変更可能なドラッグ可能な封じ込めの問題

Question

jquery resizable（）が割り当てられた包含IDの全幅と高さにサイズ変更されないのはなぜですか。http://jsfiddle.net/C8YSU/6/で試して、意味を確認できます。作成したdivのサイズを変更してみてください。親の#containerdivの幅と高さ全体にサイズ変更されません。これは関数が原因のようdraggable()です。

Answer 1

#container divに相対位置を追加すると、問題が修正されました。

Answer 2

<script type="text/javascript">
        $("button").click(function () {
            var elm = $('<div id="divId" class="adiv abs"></div>');
            elm.appendTo('#container').resizable({
                containment: "parent"
            });
        });
    </script>

アップデート

<script>
        $("button").click(function () {
            var elm = $('<div id="divId" class="adiv abs"></div>');
            elm.appendTo('#container').draggable({
                snap: true,
                containment: 'parent'
            }).resizable({
                maxWidth: 300,
                maxHeight: 300
            });
        });

</script>

Answer 3

ドラッグ可能を追加する際の問題です。

この例を試してください。ドラッグ可能なものを削除しましたが、ハンドルを追加しました。

http://jsfiddle.net/C8YSU/7/