jquery - HTML5のドラッグアンドドロップ機能を使用して、画像が特定のボックスにドロップしないようにします

Question

2 つのドロップダウン ボックス A と B、および 2 つの画像 image1 と image2 を持つ Web サイトのプロジェクトを実装して、ユーザーのみが image1 を boxA に、image2 を boxB にのみドラッグでき、image1 を boxB に、image2 を boxA にドラッグできないようにします。画像が特定のボックスに落ちないようにします。助けてください

Answer 1

次のようなもので、jQueryを使用してこの「ドラッグアンドドロップ」機能を実行できます（質問がHTML5タグを使用しているにもかかわらず）。

$("your_element").draggable({ revert: "invalid" });

ドキュメントリンクを見てください。