jquery UI droppable 和 sortable 不起作用？

Question

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

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

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

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

有人知道为什么这个基本示例不起作用吗？

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

Answer 1

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

• fit：draggable 与 droppable 完全重叠
• intersect：draggable 与 droppable 重叠至少 50%
• 指针：鼠标指针与 droppable 重叠
• touch:draggable 与 droppable 任意重叠

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

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