在jQuery UI中可拖動添加約束到目標到div

Question

我有幾個可拖動（1,2）和幾個可丟棄（A，B）的頁面。我怎樣才能指定該用戶只能從可拖動1拖放到可丟棄「A」？ P.S，其中一個dropable是真實可排序的。

Answer 1

我認爲你可以使用參數accept:來實現這一點。

例：

$('.CssClassToDrag').draggable({ 
     containment: "#divDragAndDropArea", 
     scroll: false, 
     revert: "invalid" 
    }); 
$('.CssClassToDrop').droppable({ 
     accept: ".CssClassToDrag", 
     hoverClass: "ui-state-active", 
     activeClass: "ui-state-hover", 
     drop: function (event, ui) { 
      ... 
     }, 

     out: function (event, ui) { 
      ... 
     } 
    }); 

可拖動的項目與將只能投進可放開元素CssClassToDrag。