javascript - 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 核心库。

提前致谢

score 5 · Accepted Answer

问题出在滑块的核心。为了移动它，jQueryUI 将其“左”样式从 0% 更改为 100%。原始幻灯片也超出了结尾，但您不会注意到，因为它很窄。把它扩大，你真的开始注意到它开始从左边的 100% 开始增长......

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

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

有关该主题的更多信息：

1 回答 1