Javascript 单击jQuery UI滑块时会跳转

我正在使用Jquery UI slider创建两种不同的幻灯片效果，一种和另一种

但他们都有一个独特的问题困扰着我和我的客户，我似乎无法找到解决办法。这是一个令人头痛的问题，也是一个令人沮丧的问题，在我完成了所有这些模块的工作之后

我相信我不是唯一一个有这个问题的人，但似乎没有找到任何解决方案，适合我的问题在线

您可以在这里看到这两个模块

它自己使用的滑块百分比作为其位置“左：0%”，如果单击滑块，它将跳跃约5-7%。所以看起来有点不稳定。我想要的是滑块使用我单击它时设置的百分比量，而不是仅当我移动鼠标时才更改。我曾尝试将位置粘贴到一个值中，并在单击滑块时将其插入，但UI滑块插件将其覆盖

滑块并不总是跟随光标的速度，在中，您可以看到它在某些情况下移出光标点

---

请告诉我您的想法，希望您能帮助我走上正确的道路。

您的滑块手柄边距与自定义样式的滑块手柄大小不符

您的左页边距或上页边距必须是滚动手柄长度或高度的一半

对于第一个模块，由于水平滑块控制柄的长度为60px，因此需要在dagskra.css中将滑块控制柄左边距更改为-30px

#dagskra .slider div a {
    background: url("../images/dagskra/slider/slider.png") no-repeat scroll right center transparent;
    cursor: default;
    display: block;
    height: 28px;
    margin-left: -30px;
    position: absolute;
    top: -0.5em;
    width: 60px;
    z-index: 2;
}

对于第二个模块，由于垂直滑块控制柄的高度为50px，因此需要将dagatal.css中的滑块控制柄margin top更改为-25px

.ui-slider-handle {
    background: url("../images/dagatal/scroll/slider.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    margin-left: 2px;
    margin-top: -25px;
    position: absolute;
    right: -4px;
    width: 16px;
    z-index: 20;
}

---

这应该是“弹跳”吗？就像一个橡皮球一样？不，它可以用滑块正确地移动，只是在单击时不必要地移动。没有“弹跳”这个词；也许是“束”，比如“聚集”或“聚集”？对不起，我没看到，谢谢：）我真不敢相信我错过了。我已经看了好几个星期了。这是你刚刚发现的吗？或者这是定制滑块样式的标准实践（我当时错过了）？：）谢谢您花时间。@einar我在上查看了自定义滑块样式示例，注意到手柄是手动设置的，边距正好是手柄宽度的一半。如果你去掉了边距，那么手柄就和你遇到的问题完全一样。非常感谢你的帮助。有时，你需要对事物有新的认识来理解问题：）