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

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（）。