jQuery UI可拖动到Droppable调整大小页面？

Question

我有一个简单的例子，我正在使用jQuery UI Draggable / Droppable

http://www.andrewherrick.com/spike/dragme/

一切正常，我试图解决的唯一问题是，一旦图标被删除并且实际的浏览器被调整大小，可拖动元素就不会停留在其容器内。

有没有人有这方面的简单解决方案？

Answer 1

因为，一旦删除，就无法再拖动元素，您可以在drop事件中处理此问题。删除后，将元素附加到容器中。如果位置很重要，请将容器的位置设置为相对位置，并根据容器的位置重新计算元素的位置。

http://jsbin.com/afisim/2/edit#preview

$('.droppable').droppable({
    hoverClass: "activeHover",

    drop: function (event, ui) {
        $.ui.ddmanager.current.cancelHelperRemoval = true;

        $(ui.helper).css({
            top: <CALCULATE_THIS>,
            left: <CALCULATE_THIS>
        })
        .appendTo($(this));
    }

});