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

为什么jquery Resizeable（）不能调整到指定给它的容器id的全宽和全高。你可以试试看，看看我的意思。尝试调整创建的div的大小，它不会调整到父容器div的全宽和全高。这似乎是由

draggable（）

函数引起的

添加Dragable是一个问题

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

---

向#container div添加一个相对位置修复了该问题

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

$（“按钮”）。单击（函数（）{
var elm=$（''）；
elm.appendTo（“#container”）。可调整大小({
遏制：“家长”
});
});

更新

<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>

$（“按钮”）。单击（函数（）{
var elm=$（''）；
elm.appendTo（“#container”）.draggable({
是的，
遏制：“家长”
}).可调整大小({
最大宽度：300，
最大高度：300
});
});

我需要可拖动和可调整大小。我尝试将容器更改为“父级”，这也无法解决问题。父级不起作用，下面已经讨论过。你也摆脱了需要的拖拉。请在回答之前阅读所有回复。我已经给出了下面的有效答案。谢谢@jhanifen的投票。尽管@Alex solution也可以工作，但如果您添加相对于#容器的位置，它就可以工作。他的代码可以工作，因为他删除了draggable（）。我们希望保持可拖动。设置最大宽度和最大高度不是正确的方法。正如我在下面的回答中提到的那样，只需定位容器div相对位置，就可以了。对我来说很有效（类似的问题，

snap:true

修复了它，尽管它略有不同）