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

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

2 个答案: