jQuery UI - 滑块+进度条效果

时间:2010-02-05 00:57:19

标签: jquery css jquery-ui

我正在构建一个控件,它是jquery ui progressbarslider的组合。我真正需要的就是range slider,除了max不应该有一个句柄,不应该被用户移动。我想实现类似缓冲的播放控件,其中'fill'是缓冲的最大量,滑块手柄显示当前位置。

在我使用滑块代码搞乱之前,我想知道是否有人有关于如何在没有任何自定义更改的情况下实现此功能的建议。想到的一个想法,但我不知道如何实现,是在常规滑块上叠加range with fixed minimum slider(和隐藏的句柄)。我可以把它们放在一个大小或者上面/下面但是我不太清楚HTML / CSS来完成“叠加”效果。关于如何做到这一点的任何想法也会有所帮助。

谢谢!

1 个答案:

答案 0 :(得分:6)

我已经为滑块小部件准备了一个小补丁以获得约束。以下是我相信您正在寻找的行为的演示:

http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/demos/slider/constraints.html

这是补丁文件:

http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/ui/ui.slider.js