JQuery UI с плавающим назад

Question

Я создаю приложение, использующее перетаскиваемый / сбрасываемый интерфейс jQuery.

Мне нужно перетащить поля слева в целевые поля справа.Это работает нормально, однако, если идентификатор ящика значения не упал ни в одном из целевых ящиков, ему нужно вернуться обратно в левый раздел.

Это работает, если я немного перетащу его, а затем отпущу, но когдадальше он просто сидит там.Я добавил

$(".card").draggable({ revert: "invalid" }); 

, но это, похоже, не помогает.Чего мне не хватает?

Вот ДЕМО .

Answer 1

Я думаю, исходя из вашей демонстрации, что перетаскиваемый объект не возвращается, потому что он на самом деле поражает действительную цель сбрасывания (элемент #dropZone в вашей демонстрации, который по сути является фоном).

Вы можете исправить это с помощьюне превращать этот элемент в объект dropbable или сделать так, чтобы его обработчик сбрасывал «перетаскивающий» сам перетаскиваемый элемент.