我会尝试用文字说清楚:我想知道是否有一种方法可以使用jquery-ui-ressized同时调整对象4边的大小,以便对象的中心保持在同一位置。
这是沙箱 http://jsfiddle.net/V79Ge/
所以,它很像aspectRatio=true,但是当我从一侧调整对象大小时,它会控制其他3侧
感谢您的线索!
最佳答案
这就是您想要的效果吗: jsFiddle example 。
jQuery:
$('#resizeMe').resizable({
aspectRatio: true,
resize: function(event, ui) {
$(this).css({
'top': parseInt(ui.position.top, 10) + ((ui.originalSize.height - ui.size.height)) / 2,
'left': parseInt(ui.position.left, 10) + ((ui.originalSize.width - ui.size.width)) / 2
});
}
});
编辑:更新代码和 jsFiddle 以使用 ui.position 和 ui.originalSize。
关于jQuery 调整两侧大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9892585/