Question

如果我只展示一下我想做的事情，那可能会更容易。我在http://fiddle.jshell.net/g33ky/DxK5m/3/show/light/

找到了一个演示版

简而言之，我希望颜色范围从特定值（例如滑块的中间）显示到当前选定的滑块位置。据我所知，jquery-ui的滑块范围选项仅支持滑块最小值和最大值的范围。

我相信上面的演示实际上是改变了jquery滑块的代码。我不介意这样做，但我不能让它在jsfiddle之外正常工作。我已经尝试直接使用视图源保存代码，它仍然只在jsfiddle上。如果有人可以告诉我如何在jsfiddle之外的上述演示工作中编写代码，或者如果有人可以告诉我如何使用jquery或纯javascript来获取滑块来执行相同的操作，我将非常感激。提前致谢。我把这么多头发拉了过来，我的头皮受伤了！

Answer 1

也许我误解了你的问题，但你可以通过设置它的“值”属性来设置滑块手柄的位置。

$("#slider").slider({
  value: 30,
  ... other properties ...
}

Answer 2

<div data-role="fieldcontain" class="sliderContend_h" style="padding-top:10px;">

 <input type="range" name="slider-2" id="slider-2" value="15" min="15" max="25"  class="slider_h" data-highlight="true" />

                     </div>

Answer 3

感谢您发布的答案。毕竟我想办法做到这一点。如果其他人想要做同样的事情，我能够修改Dragdealer（可在http://code.ovidiu.ch/dragdealer/获得）以达到我想要的效果。

jquery UI滑块，其范围以特定值开头

3 个答案: