如何禁用除 2 div 之外的所有页面元素的拖放

Question

我有一个包含两个 div 的页面（不是我创建的）。这个 div 包含一些 span 元素，它们可以在这个 div 之间拖放。此功能使用 jQuery 可拖放功能实现。但是用户不仅可以在 div 上删除 span 元素，还可以在页面的任何位置删除 span 元素。问题是：我怎样才能防止这种情况发生？我需要在除此 div 之外的任何地方禁用 drop span。拖动的跨度应该返回到它的位置。

我可以用 JQuery 做吗？

Answer 1

将可拖动对象的revert 选项设置为invalid，这样如果它们没有放在兼容的可放置对象上，它们就会返回到原来的位置。

droppables 还应该具有适当设置的 accept 选项以接受 Draggables。