Jquery UI調整大小問題

Question

我的頁面上有一些可調整大小的div，但我在重新調整大小時遇到​​了問題。 Jquery UI工作正常，移動它們或重新調整它們的大小沒有問題，但是當它們重新調整大小時，它們下面的div就好像它們不再存在一樣，並跳到它們的位置。這隻會發生在重新調整大小時，移動它們不會導致這種情況。這裏是我的問題，一個小提琴：http://jsfiddle.net/367wm/

JS：

$(document).ready(function() { 
    $("#header").draggable(); 
    $("#h-window").draggable(); 
    $("#p-window1").draggable(); 
    $("#p-window1").resizable(); 
    $("#p-window2").draggable(); 
    $("#p-window2").resizable(); 
    $("#p-window3").draggable(); 
    $("#p-window3").resizable(); 
    }); 

Answer 1

在這裏你去：http://jsfiddle.net/367wm/4/

基本上所有我改變的是讓你的div的絕對定位。我還爲其中的所有文本添加了一個滾動到你的div。

因此，尋找這些樣式我加入到四點的div：

style="position:absolute; top:1px;" 
style="position:absolute; top:100px; overflow-y:scroll;" 
style="position:absolute; top:325px;" 
style="position:absolute; top:400px;"