元素位置和鼠标在jQuery可排序和引导上的奇怪行为

我一直在寻找答案，但还没有找到答案

我有一个带bootstrap和jQuery sortable的系统，问题是当我将一个元素从一个列表移动到另一个列表时，元素的移动速度就像比鼠标光标慢一样，就像在光标和元素之间获得间隙，当我到达另一个列表时，当鼠标靠近占位符但不在占位符的确切位置上，并且元素在后面几个像素时，占位符将显示

我制作了一个视频，其中有一个简单的例子

更多关于这方面的信息 我在LI元素中使用了一个引导面板，标记如下

<li class="ui-sortable-handle" style="display: list-item;">    
    <div class="panel panel-default span4">
    </div>
</li>

你知道是什么导致光标和元素之间出现这种奇怪的鼠标间隙吗

这是一把正在工作的小提琴，再现了这种行为

---

非常感谢您的帮助，这是由于将

上的

缩放设置为80%造成的。事实上，元素的移动量与光标的移动量一样大，但由于缩小了
，它的移动量似乎减少了。为了进一步证明这一点，我用
body{zoom:180%；}
：你会看到相反的情况：元素似乎比光标移动得更快

将缩放比例更改为100%，它应该是固定的。
您能提供复制此图像所需的所有相关代码吗？如果你能制作一个有效的演示，那就太好了。这就是你正在使用的吗？是的，我正在使用jquerysortable，这里是一个工作的例子，非常感谢Emilio，你的建议解决了我的问题！但现在我在想，为什么我不能对身体进行缩放，也许这是分类表上的一个bug？或使用时无法设置的设计sortable@Juanchi我认为问题在于，所有涉及“draggable”行为的jQuery UI函数，包括
.draggable（）
本身，都基于元素的位置，同时拖动光标相对于起始位置的移动量，实际上不是在它的当前位置上。这很难解释，但如果您想到itAnyway，这是一个很好的转折点，使
.draggable（）
函数能够工作，无论当前的缩放如何，您可能也可以让它与
.sortable（）一起工作
    placeholder: 'ui-sortable-placeholder',
    connectWith: ".connectedSortable",
    helper: 'clone',
    scroll: false,
    start: function(e, ui){
        ui.placeholder.height(ui.item.height());
    }