jquery - Jquery UI Sortable ConnectWith 不工作两种方式

Question

我正在为 Web 应用程序使用可排序的 jQuery ui，但我遇到了一个奇怪的问题。这是代码：

$(".internal_controlscontainer").each(
    function(index,el){
        $(this).sortable({connectWith:".internal_controlscontainer"})
    }
);

问题是当我尝试从第一个 internal_controlscontainer 中抓取一个元素并将其带到第二个 internal_controlscontainer 时它不起作用，但从第二个到第一个它起作用，为什么？

我阅读了 jquery ui 文档，但似乎找不到问题

罗比

Answer 1

我和你有同样的问题。

宽度真的很重要。

您不能将长元素拖动到短元素。

Answer 2

将容差设置为指针。默认情况下，可排序的容差为对象的 50%。这意味着，您尝试放置在较小容器上的 50% 必须适合其中。将容差设置为指针意味着只有鼠标需要悬停在放置位置上。

$('.column').sortable({
    connectWith:".column",
    tolerance:"pointer"
});