当可拖放对象拒绝可拖动对象时，如何提供用户反馈？答案

【问题标题】：How can I provide user feedback when a draggable is rejected by a droppable?当可拖放对象拒绝可拖动对象时，如何提供用户反馈？
【发布时间】：2010-04-09 15:59:23
【问题描述】：

jQuery 1.3 jQuery UI 1.7.2

我有一个应用程序，其中有许多可放置的 div，它们只接受一个可拖动的。为此，我将所有可放置对象上的接受选项设置为检查有效可拖动对象以及它是否已被占用的函数。如果被占用，accept函数返回false，否则返回true。因此，如果用户尝试将可拖动对象拖放到已被占用的可拖放对象上，则可拖动对象会恢复。

我想做的是在用户将可拖动对象放在已占用的可放置对象上时提供额外的反馈。知道我该怎么做吗？

【问题讨论】：

检查掉落物体的长度，如果 > 0 则表示它已被占用，您可以发出警报或任何您想提供的反馈。例如 if($(this).children(".dropped_object").length > 0) return false

标签： jquery jquery-ui draggable droppable

【解决方案1】：

为什么不在课堂上这样做呢？放置拖动的元素时，将父项设置为“完整”类。然后你可以这样做：

if($this).hasClass('full'))
    //Alert user it is full

【讨论】：

问题是当可拖动对象不被接受并放置在占用的可放置对象上时，我需要进行此检查。 droppable 的 accept 选项，当给定一个函数时，将在所有 droppable 的鼠标移动时触发，所以这不好，并且 droppable 的 drop 事件只有在被接受时才会触发。我需要做的是在不接受可拖动对象并将其放置在被占用的可放置对象上时采取行动。