javascript - 只有当它被拖到无效的 droppable 上时，如何才能让 draggable 恢复到原始位置？

Question

我有一个元素，我想允许它被拖到任何地方。但是，如果它被放到一个拒绝它的可放置对象上(通过接受)，我希望它在拖动之前恢复到原始位置。我怎样才能做到这一点？

编辑:更具体地说:我希望满足两个条件才能将项目移回:1.它被放置在可放置的元素上，并且 2.可放置元素不接受所述元素。 Draggable 的还原选项仅检查条件 2。

Answer 1

我有一些我认为应该有效的代码。请注意，它不使用 accept 选项来指定 droppables 将接受哪些 draggables。相反，您必须在放置事件中检查是否应手动拒绝可拖动对象。

$(document).ready(function() {    $('.droppable-class').droppable({        drop: function(event, ui) {            // check whether or not draggable should be rejected here...            if (...) {                ui.draggable.data('rejected', true);            }        }    });    $('.draggable-class').draggable({        revert: false,        start: function(event, ui) {            ui.helper.data('rejected', false);            ui.helper.data('original-position', ui.helper.offset());        },        stop: function(event, ui) {            if (ui.helper.data('rejected') === true) {                ui.helper.offset(ui.helper.data('original-position'));            }        }     });