jQuery UI Draggable установить размер перетаскивания

Question

У меня есть несколько маленьких значков, которые можно перетаскивать с помощью jQuery, которые я клонирую, могу ли я увеличить размер перетаскиваемого значка при запуске перетаскивания?

Answer 1

Вы можете установить .height() и .width(), используя start и stop события, что-то как это:

$(".icon").draggable({
    start: function() {
        $(this).height(100).width(100);   //drag dimensions
    },
    stop: function() {
        $(this).height(50).width(50);     //original icon size
    }
});​

Вы можете попробовать здесь или немного более компактно :

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

Answer 2

Привязать события к dragstart и dragend, см. Пример здесь: Active Drag Demo (номер 5)

И addClass () при перетаскивании, начинающемся со стилей, которые будут больше,removeClass (), когда перетаскивание прекращается.