如何防止jQuery排序portlet分配时，不超过他们

Question

当使用jqueryui的可排序插件时，存在一个问题，即在开始拖动后将鼠标移动到放置位置上，它会记住这一点，并将鼠标放置在该位置，即使在释放鼠标时没有移动到任何位置。

有没有办法防止这种情况发生，以便在释放鼠标时，如果拖动的portlet未超过放置位置，它会跳回原始位置？

Answer 1

我有一个解决办法来防止不适当的分配，我的代码更复杂，所以我把它剥离到最基本的需要。

使用OVER事件向目标添加悬停类

over: function(event,ui){
  $(this).addClass('hover');
}

使用OUT事件从目标中删除hover类

out: function(event,ui){
  $(this).addClass('hover');
}

在RECEIVE上，如果目标没有have悬停类，则取消排序。取消将列表返回到排序开始前的状态

receive: function(event,ui){
  if( !$(this).hasClass('hover')){
    $(this).sortable('cancel');
  }
}

这还剩下一个问题。目标不会再次响应OVER事件，直到其他目标首先触发OVER事件。

列出第1项第2项

名单B

项目三

1. 单击项目1，在列表B上拖动：在列表B上触发over事件

这个序列显示了如何清除假设的目标

1. 单击项目1，拖动列表B：列表B上触发OVER事件
2. 继续从列表B中拖动项目1：列表B上触发了OUT事件
3. 继续在列表B上拖动项目1：未触发OVER事件
4. 继续在列表A上拖动项目1：列表A上触发了OVER事件
5. 继续将项目1拖出列表A：列表A上触发了OUT事件
6. 继续在列表B上拖动项目1：列表B上触发OVER事件

我仍然在寻找解决最后一个问题的方法，因为它需要用户通过拖动进行额外的运动，以使目标再次处于活动状态（假设他们想将项目1从列表a拖动到列表B，但超出了范围，现在列表B不会触发第二次移动，这意味着我不能将悬停类放在上面，以显示它是活动的放置点）。

总之，sortable会触发OUT，但仍会记住触发RECEIVE的丢弃事件中的目标，并防止