jQueryUI 可排序、可拖动恢复事件

我的 jQuqeryUI 有问题。 每当将元素拖放到无效目标上时，我想运行一些代码。 据我所知，没有预定义的事件，但我考虑过结合以下事件的信息来实现这一点：over、out、remove 和 stop。然而，这听起来可能会很混乱，有没有更干净的方法呢？

您可以将方法传递给revert option http://jqueryui.com/demos/droppable/#revert同样，例如，如果我们采用这样的示例演示：

<div id="draggable" class="ui-widget-content">
    <p>I revert when I'm not dropped</p>
</div>
<div id="droppable" class="ui-widget-header">
    <p>Drop me here</p>
</div>​

然后在您的可拖动对象上，您可以计算是否恢复，如下所示：

$("#draggable").draggable({ 
    revert:  function(dropped) {
       var dropped = dropped && dropped[0].id == "droppable";
       if(!dropped) alert("I'm reverting, what a cruel world!");
       return !dropped;
    } 
});

你可以在这里尝试一下 http://jsfiddle.net/nick_craver/bVkwt/, the dropped传入的参数是它被放置到的元素.droppable()， 只是false如果它降落在其他地方。

或者如果您正在使用accept option http://jqueryui.com/demos/droppable/#option-accept你可能想计算一下，如下所示：

var dropped = dropped && $(this).is(dropped.droppable('option', 'accept'));

这使用了接受选择器并使用.is() http://api.jquery.com/is/查看可放置的是否匹配。

您可以在此处查看演示 http://jsfiddle.net/nick_craver/bVkwt/1/.