Jquery UI更改滑块手柄宽度？

Question

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

做了一些谷歌搜索,答案似乎是修改.ui-slider-handle类.

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

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

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

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

这里还有一个实例的链接:http://tcusers.com/examples/6473423467/example.html

这就好像图书馆假设滑块的旧宽度,有没有人有任何建议来完成我想要的？我宁愿避免破解jquery ui核心库.

提前致谢

Answer 1

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

你可以在这里阅读:http://bugs.jqueryui.com/ticket/4398,没有内置的解决方案.

但是他们指出了一个解决方案:这是通过在滑块min从滑块min滑动到最大滑块时可变地设置左边距(在0和手柄宽度之间)来完成的.

这里:http://jquery-ui.googlecode.com/svn/trunk/demos/slider/side-scroll.html

有关该主题的更多信息:

http://osdir.com/ml/jquery-ui/2009-03/msg00886.html