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，没有内置的解决方案。

但是他们指出了一个解决方案：当手柄从滑块最小值滑动到滑块最大值时，通过将margin-left设置为可变（在0和手柄宽度之间）。

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

关于这个问题的更多信息：

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