使用 html5 拖放功能防止图像拖放到特定框中

Question

我想实现一个网站项目，它有两个下拉框 A 和 B，以及两个图像 image1 和 image2，这样只有用户可以将 image1 拖到 boxA 和 image2 到 boxB，但不能将 image1 拖到 boxB 和 image2 到 boxA。如何防止图像掉入特定的框中。 请帮忙

Answer 1

您可以使用 jQuery 来执行此“拖放”功能（尽管您的问题是 HTML5 标签），如下所示：

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

查看文档link。