I'm trying to place multiple resizable and draggable div's on one page that move (vertically) inside their own parent div. you can take a look at http://bit.ly/bCutBE

However, these div's act really strange when I want to resize them, especially from the north side, they kind of move out of the screen very fast, while they shouldn't be able to get outside the parent div. I only want the div to be able to move and resize vertically inside it's parent, the dragging-part works pretty good, but the resize part give this problem.

Ben gerçekten bu daha iyi açıklamak, ama kendiniz için bir göz atın ve renkli div yıllardan birini yeniden boyutlandırmak çalıştığınızda hemen açık olacak değil: o biraz aşağı doğru hareket ettirin ve kuzey tarafında onu yeniden boyutlandırmak için deneyin.

'Ana', yeniden boyutlandırılabilir hattı: Sorun muhafaza neden gibi görünüyor. Ben bu satırı silin zaman çalışıyor, ama sonra renkli bloklar üst kalmaz, ve ben onların ebeveyn içinde kalmak istiyorum.

Birisi bana bu konuda yardımcı olabilir umuyoruz ...

Ben kullanılan jquery kodu:

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