Jquery ui jquery ui滑块手柄完成位置100%向左-将其放置在滑块外部

我第一次使用jQueryUISlider，对一个相当基本的问题感到困惑。设置滑块时，我希望不使用主题。当我从左向右滑动时，滑块控制柄的右侧位置超过滑块1个控制柄宽度。这是由于滑块css将手柄定位为左：100%。我注意到许多其他人毫无困难地使用滑块，但看不出他们是如何绕过这个问题的。

我想我遗漏了一些令人尴尬的基本信息，我想知道是什么。

---

非常感谢

我查看了您的演示。您缺少一些css文件。您是否也从jQueryUI站点下载了css文件。例如，ui小部件内容是css，用于指定滑块条的宽度以及滑块中缺少的宽度。获取一个css并将其链接到您的页面，您应该不会有问题。

阅读了更多相关内容后，滑块似乎是按照所述方式设计的，但手柄向左偏移了50%的宽度。因此，条的中心表示值-这完全有意义（当滑块表示值时）。
要将滑块用作滚动条，只需将滑块包裹在一个div中，该div用滑块宽度的50%左右填充。我已更新以反映这一点。

---

如果有人有更好的解决方案，而不需要额外的div，我希望看到它

设置左边距或减去手柄宽度的一半

这还有助于确保传递给滑块的值为整数。我有一些问题，滑块的指针位于错误的位置，但当我使用parseInt（）强制值为整数时，如下所示：

值：parseInt（whateverValue）

它工作得很好。

我发现css“translate”属性是这里最好的选择

.ui-slider-horizontal .ui-slider-handle {
    -webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
}

---

调整“转换像素值”以满足您的需要：）

我希望不使用主题css也能做到这一点，但您为我指明了正确的方向，谢谢：）