我有两组可拖动元素和两组可放置元素。
我想要的是第一组可拖动元素只能在第一组 droppables 内放置。第二组可拖放对象应该只能放在第二组可拖放对象内部。
一段代码:
// 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 容器中。