基本上,我想有每个片的灰色框-accordiandiv变化时,滑动条移动与相应的。text()的行为就像一个弹出窗口,但在灰色框内的最小/最大值对应的设置信息得到更新(即移动,这是你在哪里,这是信息的滑块的这个值)。如果滑块的手柄可以改变颜色以对应于值范围(即Max=红色,Default=绿色,Min=红色),则会有额外的好处。
试图尽可能地重新创建您的示例(阅读:不更改任何其他可以清理的代码)。
我已经把一个例子放在一起做我认为你需要它做的事情。
不同颜色的阈值范围关闭,没有最小和最大范围,它们相互覆盖。
对于灰框中的文本的更新,这是一个简单的例子,在DOM中查找相对于与之交互的滑块,例如
$(this).parent().siblings('.feelings-box').html('blah')