Jquery UI更改滑块句柄宽度？
Jquery UI更改滑块句柄宽度？
提问于 2012-01-12 20:19:44
我想让我的滑块比例的手柄给出滑块范围的视觉效果(例如，就像大多数浏览器中的滚动条)。
我用谷歌搜索了一下，结果似乎是修改了.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核心库。
提前感谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-01-12 20:55:27
问题出在滑块的核心。为了移动它，jQueryUI将其"left“样式从0%更改为100%。最初的幻灯片也超出了结尾，但你没有注意到，因为它很窄。在更宽的范围内，你真的会注意到它从100%的左侧开始增长……
正如你可以在这里读到的：http://bugs.jqueryui.com/ticket/4398，没有内置的解决方案。
但他们指出了一种解决方案:当手柄从滑块最小滑到最大滑块时，通过设置可变的左边距(介于0和handle -width之间)来实现这一点。
这里：http://jquery-ui.googlecode.com/svn/trunk/demos/slider/side-scroll.html
有关该主题的更多信息：
http://osdir.com/ml/jquery-ui/2009-03/msg00886.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8834983
复制相关文章
相似问题
腾讯云开发者
