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