jQuery draggable，在父div之外删除的事件

我有一个照片列表，并且我已添加了draggable，但是当将照片拖到父div之外时，我想要更改它的类，这样就表明如果删除它，它将被删除，然后当用户丢弃它，我希望它启动一个function。 （只有在父div之外）

所以当li被拖到.photos之外时，会触发添加类，然后如果它被丢弃在它之外，那么它会触发并触发事件以将其删除。

Answer 1

假设您提到的父div是一个droppable，您可以将事件处理程序绑定到dropout事件：

 $("#parentDiv").on("dropout", function(event, ui) { //ui.draggable refers to the draggable }); 

只要将可接受的拖动拖动到可放置的容差区域之外，该事件就会触发。

更新 （见评论）

您可以为revert选项提供回调函数。 该函数可以使用一个参数，该参数包含删除了draggable的droppable，或者false （如果它在某处丢弃无效）：

 $("#draggable").draggable({ revert: function(valid) { if(!valid) { //Dropped outside of valid droppable } } }); 

这是一个有效的例子 。