jQuery UI Draggable 设置拖动大小

Question

我有许多小图标，可以通过我克隆的 jQuery 进行拖动，我可以在拖动开始时使可拖动图标变大吗？

Answer 1

您可以设置 .height() 和 .width() 使用 start 和 停止事件，如下所示：

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

和 addClass() ，当拖动开始时，图像的样式将是更大，当拖动停止时removeClass()。