Question

为什么jquery resizable（）没有调整分配给它的包含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/

jquery dom resizable draggable containment issue

3 个答案: