在一個頁面上的兩個可拖拽和兩個可拖拽

Question

我有兩組可拖拽和兩組可拖拽的元素。

我想要的是第一組可拖動元素只能在第一組可拖拽內部放置。 第二組可拖拽應該只能放入第二組可放置的物體中。

的代碼段：

// this can be dropped only inside .drop elements 
$('.drag').draggable({ revert: true }); 
$('.drop').droppable({ 
    drop: function() { 
     //   
    } 
}); 

// this can be dropped only inside .drop2 elements 
$('.drag2').draggable({ revert: true }); 
$('.drop2').droppable({ 
    drop: function() { 
     //   
    } 
}); 

所以，用戶將無法與.drag類下降元件.drop2容器。

Answer 1

This是你想要的。

使用Accept可放置小部件的屬性和revert可拖動小部件的屬性來實現此目的。