ドラッグ可能な要素の 2 つのセットとドロップ可能な要素の 2 つのセットがあります。
私が望むのは、ドラッグ可能な要素の最初のセットが、ドロップ可能な最初のセット内でのみドロップ可能になることです。ドラッグ可能オブジェクトの 2 番目のセットは、ドロップ可能オブジェクトの 2 番目のセット内にのみドロップ可能にする必要があります。
コード スニペット:
// 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 コンテナーにドロップできません。