jquery - 拖动 JQuery UI 上的可排序元素的缩放大小

Question

在可排序的 jQuery UI 中拖动项目时，我想缩小/放大我的图像/div

这个小提琴几乎显示了我想要的东西，而不是我想以百分比调整图像的大小，以便将图像相对于它自己的大小向上或向下缩放 50%。

$(".icon").draggable({
start: function() {
    $(this).height(100).width(100);
},
stop: function() {
    $(this).height(50).width(50);        
}

});

有谁知道如何解决这个问题？

Answer 1

不清楚你的意思是它放大/缩小 50% 是什么意思？相对于什么？自己的尺寸？任何容器的大小？

这显示了如何让它相对于自己的大小按比例放大/缩小。小提琴

对脚本进行了更改：

$(".icon").draggable({
    start: function() {
        $(this).height($(this).height()+ ($(this).height()/2)).width($(this).width()+ ($(this).width()/2));
    },
    stop: function() {
        $(this).height($(this).height() - ($(this).height()/3)).width($(this).width() - ($(this).width()/3));
    }
});