只允许一个droppable区域jquery拖放

Question

我有jquery拖放工作，所以我可以将表中的一行移动到另一个。

演示是在这里： http://www.aussiehaulage.com.au/Default.aspx

使用jQuery-UI-22年8月1日，使我的表拖动/可弃。

我的JavaScript：

$(document).ready(function() { 

     $(".draggable").draggable({ 
      helper: function() { return "<div class='ghost'></div>"; }, 
      start: resizeGhost, 
      revert: 'invalid' 
     }); 

     $(".droppable").droppable({ 
      hoverClass: 'active', 

      drop: function (event, ui) { 
       var target = $(event.target); 
       var draggable = ui.draggable; 

       draggable.insertBefore(target); 
      }, 
      tolerance: 'touch' 


     }); 



    }); 

然而，当我移动的行，如果鼠标光标在上可放开表既可放开行会突出显示2行之间。我需要做它，所以它会只能突出一次droppable行一次..

这是可能的吗？

Answer 1

添加一个新的选项，你投掷的元素，无论是使用公差配合或相交

$(".droppable").droppable({ 
     hoverClass: 'active', 
     tolerence: 'intersect', 
     drop: function (event, ui) { 
      var target = $(event.target); 
      var draggable = ui.draggable; 

      draggable.insertBefore(target); 
     }, 
     tolerance: 'touch' 

    }); 

，谨供参考：jquery-ui