jquery UI droppable 和 sortable 不起作用？

Question

我四处搜寻，找不到解决这个问题的方法。

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

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

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

有谁知道为什么这个基本示例获胜不工作吗？

编辑：我发现是 CSS 类破坏了整个事情。如果你去掉 CSS 类，它就可以正常工作。没有 CSS 类的工作版本 http://jsfiddle.net/e4Z8N/17/ 有谁知道为什么它会这样？

Answer 1

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

• 适合：可拖动与可放置完全重叠
• 相交：可拖动与可放置重叠至少 50%
• 指针：鼠标指针与可放置区域重叠
• 触摸：可拖动与可放置重叠任意数量

“触摸”似乎都有效。你可以尝试其他的。

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