jQuery可拖動，當掉到父div外的事件

Question

我有一張照片列表，我有可拖動的添加到他們，但是當照片被拖動到父div之外時，我想改變它的類，所以它表明如果你刪除它，它將被刪除，然後當用戶放棄它時，我希望它啓動一個函數。 （僅當它是父DIV以外）

<ul class="photos"> 
<li><img src=""/></li> 
<li><img src=""/></li> 
</ul> 

所以當李拖動.photos之外，它觸發添加類，然後如果它在它之外下降，那麼它觸發和事件去掉它。

Answer 1

假設div你提的是一個投擲的家長，您可以將事件處理程序綁定到dropout事件：

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

該事件將觸發任何時候接受的可拖動可投放的公差區外被拖到。

更新（見註釋）

你可以提供一個回調函數到revert選項。該函數可以接受一個參數，它或者包含在其上拖動滴入可放開或false（如果它已被刪除的地方無效）：

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

這裏有一個working example。