jQuery UI изменить размер дочерних элементов пропорционально

Question

Im ищет способ масштабирования дочерних элементов пропорционально. Для лучшего понимания визита

Вот мой код

$(function() { 
    $("#resizable").resizable({ 
     alsoResize: ".also" 
    }); 
    $(".also").resizable().draggable(); 
}); 

... или

http://jsfiddle.net/dF7WV/

Это мой не-рабочую версию. Любые идеи, как я могу реализовать это с помощью jQuery ui лучше?

EDIT: Я на шаг впереди. Вот версия, которая почти идеальна. Состояние INIT работает идеально, но когда я перехожу одного ребенка, она теряет positin при масштабировании родительского эля:

http://jsfiddle.net/NNLg9/

Answer 1

<script> 
$(function() { 
    $("#resizable").resizable({ 
     alsoResize: ".also" 
    }); 
    $(".also").resizable({ 
     alsoResize:"#resizable", 
     containment:"#resizable" 
    }).draggable({ 
     containment:"parent", 

    }); 
}); 
</script> 

Используйте выше сценарий, а не ваше

Answer 2

Пожалуйста Проверь это http://jsfiddle.net/dF7WV/10/ или Заменить этот

$("#resizable").resizable({ 
alsoResize: ".also", 
aspectRatio: 5/1 
});