jquery UI droppable和sortable无法正常工作？

Question

我四处搜索，无法找到解决此问题的方法。

我正在尝试集成jqueryUI可排序和可拖动但我似乎无法让它工作。

我在这里有一个非常基本的演示。我试图将其简化为SIMPLEST实现，因为我在SO上找到的所有其他示例都相当复杂。

http://jsfiddle.net/e4Z8N/7/

有没有人知道为什么这个基本的例子不起作用？

编辑：我发现它是CSS类会扰乱整个事情。如果你拿走CSS类就可以了。工作版没有CSS类http://jsfiddle.net/e4Z8N/17/有谁知道它为什么会这样？

Answer 1

将公差更改为更合适的值。默认值为intersect。

  

  
• fit：draggable完全覆盖了droppable
  
• intersect：draggable与droppable重叠至少50％
  
• 指针：鼠标指针与可放置的
重叠   
• touch：draggable重叠任何数量的droppable
  

“触摸”似乎有效。你可以试试其他人。

$(function () {
    $('#trash_bin').droppable({
        tolerance: 'touch',
        drop : function() {
            alert('delete!')
        }
    });
    $('#trash').sortable()
});