jquery ui droppable elements彼此靠近

Question

我有几个相互接近的可放置元素，并且我使用tolerance : 'touch'。当一个可拖动的元素悬停在其中两个之间时，drop事件会触发两次。

请参阅我的示例：https://jsfiddle.net/rcrurwt5/

任何建议？

Answer 1

touch似乎有点太贪心了。我会建议intersect。

https://jsfiddle.net/Twisty/rcrurwt5/1/

 $(document).ready(function() {
   $('.item').draggable({
     revert: true
   });
   $('.item_drop').droppable({
     hoverClass: "ui-state-hover",
     tolerance: 'intersect',
     drop: function(event, ui) {
       $(this).css('background', 'orange');
     }
   });
 });

查看更多：http://api.jqueryui.com/droppable/#option-tolerance