jquery UI droppable 和 sortable 不起作用？

Posted 2023-05-08

【中文标题】jquery UI droppable 和 sortable 不起作用？

【英文标题】：jquery UI droppable and sortable not working?

【发布时间】：2011-10-11 11:54:10

【问题描述】：

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

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

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

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

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

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

【参考方案1】：

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

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

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

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

【讨论】：

@solartic - 大约 2 小时后，这是帮助我的帖子 - 谢谢！

终于找到了解决办法！具有讽刺意味的是，IE 在我的设置中运行良好，但 Chrome 却在苦苦挣扎。将容差更改为“触摸”效果很好。