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

Question

情况

我试图自己创建一个 slider ，而不是使用 jQuery slider 小部件。

但是，我发现在使用 jQuery draggable 小部件，每次我单击 slider 内的 handle 时，它都会在左侧创建一个奇怪的偏移量。而且 handle 无法回到原来的位置。

这种情况是不是跟CSS盒子模块有关？或者是否有其他原因导致此问题？

我该如何解决？

代码

这是我在 jsFiddle 中的代码.谢谢!

Answer 1

导致问题的是 css 行:

transform: rotate(45deg);

解决方案:working fiddle

虽然我不确定背后的原因是什么:/