jQuery Draggable div删除后未恢复到其原始位置

Question

我有一个拖放示例，当将可拖放对象放到可放置div中时，它将可拖动对象恢复到其原始位置。

一旦将对象放置在可放置div中，对象就会将其设置在可放置div中的位置，但是我的问题是，当将对象从可放置div中拖出时，它不会回到可拖动div中的初始位置。

我已经尝试了这行不通。

<script>
        $(function () {
            $(".draggable").draggable({
                revert: function (event, ui) {
                    $(this).data("uiDraggable").originalPosition = {
                        top: 0,
                        left: 0
                    };

                    return !event;
                }
            });

            $(".droppable").droppable({
                drop: function (event, ui) {
                    $(this).append(ui.draggable);
                    $(ui.draggable).css({ "left": "0", "top": "0" });

                }
            });
        });
    </script>