jQueryUI可排序,可拖动的恢复事件

<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;
    } 
});

You can give it a try here,传入的被删除参数是它被放置在.droppable()上的元素,如果它落在其他任何地方,它就是假的.

或者,如果您使用的是accept option,您可能需要计算一下,如下所示：

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

这使用接受选择器并使用.is()查看droppable是否匹配.

You can view a demo of that here.