JqueryUI draggable/droppable - 放置无效时识别放置目标

Question

我正在使用 jquery-ui 的可拖放/可拖放插件，我有以下场景。

三个可放置目标（每个都接受一种类型的元素，基于类）和多个元素（可放置对象接受的三种类型之一） .

我在 Draggables 上使用 revert 选项，在 droppables 上使用 accept。

就功能而言，一切正常。

我需要什么：在放置无效时识别放置目标（放置在不接受拖动元素的可放置对象上）

实际问题是什么：所有的droppable事件只有在被拖动的元素可以接受的情况下才会触发。

我需要这些信息，以便我可以显示为特定错误放置目标定制的错误消息。

我真的无法解决这个问题（除了使用另一个拖放系统..），所以欢迎任何指针/想法..

Answer 1

设置还原功能可能是一个好的开始，

Working Example

$(".draggable1").draggable({
         revert: function (droppableObj) {
             //if false then no socket object drop occurred.
             if (droppableObj === false) {
                 //revert the selector object by returning true
                 alert('Not Dropped');
                 return true;
             } else {
                 //droppableObj was returned,
                 //we can perform additional checks here if we like
                 //return false so that the selector object does not revert
                 return false;
             }
         }
     });

欲了解更多信息，请参阅：
https://stackoverflow.com/a/3418306/1947286
http://www.agilepro.com/blog/2009/12/while-this-functionality-is-built-into.html