使用html5拖放功能防止图像掉入特定的框中

Question

我想实现一个具有两个下拉框A和B的网站项目，以及两个图像image1和image2，这样只有用户才能将image1拖到boxA，将image2拖到boxB，而不是将image1拖到boxB，将image2拖到boxA。如何防止图像掉入特定的盒子。 Plz帮助

Answer 1

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

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

查看文档link。