如何防止被丟棄的元素再次拖動 - jquery

Question

我如何防止被拖放到特定位置的元素被重新拖放到我正在使用jquery ui的可拖放區域內。

實施例 - http://jsfiddle.net/DTYEB/

在上面的例子中元件可以被拖入保管箱但框內的元件可以被重新拖動是有可能防止該..

Answer 1

你可以提供一個回調函數

$('#imageContainer div').draggable({ 
    grid : [20,20],     
    cursor: 'move', 
    revert: function(valid) { 
     if(valid) { 
      this.draggable("option", "disabled", true); 
     } 
     return !valid; 
    } 
}); 

這裏有一個：在revert選項，如果拖動是在一個有效的位置下降設置disabled選項。

此功能似乎不在jQuery UI文檔中。它指出revert值應該是一個布爾值或一個字符串，但沒有提及它也可以是一個函數。這在昨天又出現了另一個問題，我寫了一個short article詳細說明了這個回調函數的用法，如果你有興趣的話可以進一步解釋它。