Les redimensionnements multiples ont un comportement étrange

Question

J'essaie de placer sur une page plusieurs divs redimensionnables et glissants qui se déplacent (verticalement) à l'intérieur de leur propre div parent. Vous pouvez consulter http://bit.ly/bCutBE

Cependant, ces divisions se comportent de manière très étrange lorsque je veux les redimensionner, en particulier du côté nord, elles sortent de l'écran très rapidement, alors qu'elles ne devraient pas être capables de sortir de la division mère. Je veux seulement que la division puisse se déplacer et se redimensionner verticalement à l'intérieur de son parent, la partie déplacement fonctionne bien, mais la partie redimensionnement pose ce problème.

Je ne peux pas vraiment le décrire mieux que cela, mais jetez un coup d'œil par vous-même et vous le verrez immédiatement lorsque vous essaierez de redimensionner l'une des divisions colorées : déplacez-la un peu vers le bas et essayez de la redimensionner depuis le côté nord.

le problème semble être causé par la ligne containment : 'parent' du redimensionnement. lorsque je supprime cette ligne, tout fonctionne bien, mais les blocs colorés ne restent pas dans leur parent, alors que je veux qu'ils restent dans leur parent.

J'espère que quelqu'un pourra m'aider...

le code jquery que j'ai utilisé :

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

Il semble que ce soit un bogue avec le draggable et le sortable. solution de contournement ici