如何防止被丢弃的元素再次拖动 - 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详细说明了这个回调函数的用法，如果你有兴趣的话可以进一步解释它。