带有网格和包含的jQuery UI Draggable具有奇怪的偏移量

Question

场合

我正在尝试自己创建一个滑块而不是使用jQuery slider小部件。

但是，我发现在使用jQuery draggable小部件时，它创建了每次我点击滑块内的手柄时左边都有一个奇怪的偏移。手柄无法回到原来的位置。

这种情况与CSS盒模块有关吗？还是有另一个原因造成这个问题？

如何解决？

代码

这是jsFiddle中的代码。谢谢！

Answer 1

导致此css行问题：

transform: rotate(45deg);

解决方案：working fiddle

我不确定它背后的原因是什么：/