Question

我正在使用一个简单的Draggable / Droppable Jquery UI函数，我希望以某种方式进行修改。我想要做的第一件事是限制两个（或更多）可拖动对象在可放置项目中相互叠加。因此，当我将它们移动到droppable时，我希望它们在每个方向上保持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

使用Jquery UI进行Draggable / Droppable定位

1 个答案: