jQuery dom可解析的可拖曳遏制问题

Question

为什么jQuery resizizable（）不调整分配给其的遏制ID的全宽度和高度。你可以尝试一下 http://jsfiddle.net/c8ysu/6/ 明白我的意思。尝试调整创建的div的大小，它不会在父#container div上调整大小到全宽度和高度。这似乎是由 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/