Question

我想制作滑块刻度的句柄，以给出滑块范围的视觉效果（例如，大多数浏览器中的滚动条）。

进行了一些谷歌搜索，答案似乎是修改.ui-slider-handle类。

我已经完成了这个并且句柄现在已经完成了： Example 这是我用来设置滑块的代码：

var range = 2 + Math.floor(Math.random() * 10);

$('#slider').slider({max: range});

$('.ui-slider-handle').width($('#slider').width() / range);

就像图书馆假设滑块的旧宽度一样，是否有人有任何建议来完成我想要的东西？我宁愿避免破解jquery ui核心库。

提前致谢

Answer 1

问题出在滑块的核心。为了移动它，jQueryUI将其“左”样式从0％更改为100％。原始幻灯片也超越了结尾，但你没有注意到因为它是一个狭窄的。做得更广，你真的开始注意到它开始以100％左右开始增长......

正如您在此处所读：http://bugs.jqueryui.com/ticket/4398，没有内置解决方案。

但是他们指出了一个解决方案：这是通过设置左边距可变（在0和手柄宽度之间）来完成的，因为手柄从滑块min滑动到最大滑块

有关该主题的更多信息：