可拖拽/ Droppable與JQuery UI的定位

Question

我正在使用一個簡單的Draggable/Droppable JQuery UI功能，我想以某種方式修改。我想要做的第一件事就是限制兩個（或更多）可拖放對象在可放置項目中相互放置。所以，當我將它們移動到可插入的位置時，我希望它們在每個方向上都有一個5像素的自由空間，而不是彼此放在一起。這可能嗎？

$(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