当可拖动元素超过可放置元素的“边距”时如何实现触发“还原”。 jQuery答案

【问题标题】：How to implement triggering "revert" when draggable-element is over "margin" of droppable element. jQuery当可拖动元素超过可放置元素的“边距”时如何实现触发“还原”。 jQuery
【发布时间】：2011-11-17 09:50:44
【问题描述】：

当元素 $('.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'
});

【问题讨论】：

标签： jquery draggable droppable

【解决方案1】：

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

【讨论】：