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

Question

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

Answer 1

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

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

查看文档链接。