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

Question

我想在可排序的jQuery UI中拖动项目时缩小/调高我的image / div

这个fiddle几乎显示了我想要的内容，而不是我希望以百分比调整图像的大小，以便相对于它自己的大小向上或向下缩放图像，例如50％。

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

}）;

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

Answer 1

目前尚不清楚你的意思是它上升/下降50％？相对于什么？他们自己的大小？任何容器的大小？

这显示了如何使其相对于自己的大小向上/向下扩展。 Fiddle

对脚本进行了更改：

$(".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));
    }
});