jquery dom可调整大小的可拖动包含问题答案

【问题标题】：jquery dom resizable draggable containment issuejquery dom可调整大小的可拖动包含问题
【发布时间】：2011-01-25 00:24:35
【问题描述】：

为什么 jquery resizable() 没有调整到分配给它的容器 ID 的全宽和全高。你可以在http://jsfiddle.net/C8YSU/6/ 试试看我的意思。尝试调整创建的 div 的大小，它不会在父#container div 上调整为全宽和全高。这似乎是由draggable() 函数引起的。

【问题讨论】：

标签： jquery resizable containment

【解决方案1】：

为#container div 添加一个相对位置解决了这个问题。

【讨论】：

【解决方案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>

【讨论】：

parent 不起作用，下面已经讨论过了。您还摆脱了需要的可拖动。请在回答之前阅读所有回复。我已经在下面给出了有效的答案。
感谢@jhanifen 的投票。虽然@Alex 解决方案也有效，但如果您添加相对于#container 的位置，它会有效
他的代码有效，因为他删除了可拖动（）。我们希望保持可拖动。
设置最大宽度和最大高度不是正确的做法。只需按照我在下面的回答中提到的相对位置放置容器 div 即可。
对我有用（类似的问题，snap: true 修复了它，尽管它略有不同）

【解决方案3】：

添加draggable是个问题。

试试这个例子。删除了可拖动，但添加了句柄。

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

【讨论】：

我需要可拖动和可调整大小。
我尝试将容器更改为“父级”，这也没有解决问题。