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（）拖動停止時。