使用 Jquery UI 进行可拖动/可放置定位

Question

我正在使用一个简单的 Draggable/Droppable Jquery UI 功能，我想以某些方式对其进行修改。我想做的第一件事是限制两个（或更多）可拖动对象在可放置项目中相互叠加。因此，当我将它们移动到可放置对象时，我希望它们在各个方向上保持 5px 的距离，而不是相互放置。这可能吗？

$(function() {

    $( ".draggable" ).draggable({ 
        containment:"#boxdemo",
        revert: "invalid"
    });

    $( ".droppable" ).droppable({

        tolerance: 'fit',
        over: function(event, ui) {
            $('.ui-draggable-dragging').addClass('hoverClass');
        },
        out: function(event, ui) {
                    $('.ui-draggable-dragging').removeClass('hoverClass');
        },

        drop: function( event, ui ) {
            $( ".droppable" ).addClass('dropClass');
        }
    });
});

http://jsfiddle.net/xMFK8/

谢谢。

Answer 1

您是否阅读过 Api 以获得任何解决方案？

http://api.jqueryui.com/droppable/#event-drop