只允許一個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