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

时间:2010-06-08 12:30:00

标签: php jquery jquery-ui resizable jquery-ui-resizable

我正在尝试在一个页面上放置多个可调整大小和可拖动的div,这些div在他们自己的父div中移动(垂直)。 你可以看看http://bit.ly/bCutBE

然而,当我想要调整它们的大小时,这些div的行为真的很奇怪,特别是从北侧,它们有点快速移出屏幕,而它们不应该能够超出父div。 我只希望div能够在其父级内部垂直移动和调整大小,拖动部分工作得很好,但调整大小部分会产生这个问题。

我无法真正描述它,但要看看你自己,当你试图调整其中一个彩色div时,它会很明显:​​向下移动一点并尝试从北面调整它的大小侧。

问题似乎是由于遏制造成的:“父”,可调整大小的行。当我删除这一行时它工作正常,但随后彩色块不会留在他们的父母中,我希望他们留在他们的父母内。

我希望有人可以帮助我...

我使用的jquery代码:

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

1 个答案:

答案 0 :(得分:0)

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