多个可调整大小的行为奇怪

Question

我正在尝试将多个可调整大小和可拖动的 div 放置在一个页面上，这些 div 会（垂直）在它们自己的父 div 内移动。 你可以看看http://bit.ly/bCutBE

但是，当我想调整这些 div 的大小时，这些 div 的行为真的很奇怪，尤其是从北侧，它们会很快移出屏幕，而它们应该无法离开父 div。 我只希望 div 能够在其父级内垂直移动和调整大小，拖动部分效果很好，但调整大小部分会出现这个问题。

我真的无法比这更好地描述它，但你自己看看，当你尝试调整一个彩色 div 的大小时，它会立即变得清晰：将它向下移动一点并尝试从北方调整它一边。

问题似乎是由包含：'parent'，可调整大小的行引起的。当我删除这条线时它工作正常，但是彩色块不会留在它们的父级中，我希望它们留在它们的父级中。

我希望有人可以帮助我解决这个问题...

我使用的jquery代码：

$(document).ready(function(){
            $(".move")
                .draggable({
                    containment: 'parent', 
                    grid: [50,50],
                    axis: 'y'
                })
                .resizable({
                    containment: 'parent', 
                    grid: [50,50],
                    handles: 'n, s', 
                    minHeight: 50 
                });
        });

Answer 1

这似乎是一个可拖动和可排序的错误，你会发现workaround here