2

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

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

我正在使用revert可拖动的选项和可accept放置的选项。

就功能而言，一切正常。

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

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

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

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

4

1 回答 1

2

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

工作示例

$(".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

于 2013-08-09T17:40:37.970 回答