jQuery UI Draggable设置拖动大小

Question

我有一些可以通过jQuery拖动的小图标，我可以在拖动时将拖动图标放大一些吗？

Answer 1

您可以设置.height()并使用start和stop事件，像这样.width()：

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

You can give it a try here，或a bit more compact：

$(".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 (number 5)

并拖动开始与病程的图像会更大样式时addClass（）和removeClass（）拖动停止时。