jquery - jQuery UI 按比例调整子元素的大小

Question

我正在寻找一种按比例缩放子元素的方法。为了更好地理解访问

这是我的代码

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

... 或者

http://jsfiddle.net/dF7WV/

这是我的不工作版本。任何想法，我怎样才能更好地用 jQuery ui 实现这一点？

编辑：我现在领先一步。这是一个近乎完美的版本。初始化状态运行良好，但是当我移动一个孩子时，它会在缩放父元素时失去位置：

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
});