У меня есть 4 сбрасываемых блока и 1 перетаскиваемое изображение, как добиться эффекта реверсии, только если я уронил свое изображение не в сбрасываемый элемент?
Я использовал эти опции, но не могу достичь желаемого результата:
$('.myimage').draggable({
scope: "tasks",
revert: true,
revertDuration: 1,
stop: function(event, ui) { }
});
$('.keeper').droppable({
accept: ".card",
scope: "tasks",
tolerance: "fit",
greedy: true,
drop: function(event, ui) {
$(this).css("background-color","green");
//$('.card').draggable({ scope: "tasks", revert: false });
}
});
так что вы можете видеть, что для параметра revert установлено значение "true", и когда я перетащил изображение не в .keeper, у меня появляется эффект возврата, и он работает нормально, пока я не брошу .myimage в .keeper после Я могу сбросить .myimage куда угодно на странице (возврат не работает), но мне все еще нужно, чтобы .myimage был с этой функцией, как и для элементов класса не .keeper, надеюсь, вы понимаете, что я хочу.