一页两个可拖动和两个可拖放

我有两组可拖动的元素和两组可拖动的元素。

我想要的是第一组可拖动元素只能在第一组可拖动元素内可拖动。 第二组可拖动对象应仅在第二组可拖动对象内可拖动。

代码段:

// 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容器。