如何实现触发“恢复”当draggable-element超过“margin”时可放置元素。 jQuery

Question

当元素 $('.ship') 位于其他 $('.ship') 元素或超过 $('.ship') 的“边距”时，我需要触发“恢复”。它适用于“填充”和“边框”，但不适用于“边距”。我该怎么做？这是我的代码片段：

$('.ship').draggable({
    containment : "#content",
    snap : "#board table td",
    snapMode : "inner",
    revert : "invalid",
    opacity: 0.7,
    stack: '.ship',
});

$('.ship').droppable({
    drop: function(e, ui) {
        ui.draggable.draggable('option', 'revert', true);
    },
    tolerance: 'touch'
});

$('#board').droppable({
    drop: function(e, ui) {
        $(ui.draggable).css('margin', '3px');
        ui.draggable.draggable('option', 'revert', false);
    },
    tolerance: 'fit'
});

Answer 1

我没有直接的答案，但如果您找不到使用边距的方法，请在 .ship 周围包裹一个容器，占据与当前边距相同的区域，并使该容器可放置。