Question

我正在使用jquery-ui的draggable / droppable插件，我有以下场景。

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

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

一切都在功能方面正常运作。

我需要的内容：在丢弃无效时识别放置目标（放置在不接受拖动元素的放置上）

实际问题是什么：只有被拖动的元素可以接受时才会触发所有可放置的事件。

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

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

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

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

1 个答案: