如何以编程方式在 jquery 或 kendo rangeslider 滑块轨道上创建不同的颜色？答案

【问题标题】：How to programmatically create different colors on the jquery or kendo rangeslider slider track?如何以编程方式在 jquery 或 kendo rangeslider 滑块轨道上创建不同的颜色？
【发布时间】：2013-10-01 05:04:27
【问题描述】：

我有一个范围滑块来指定日期范围（滑块值映射到连续日期）。我想以编程方式为滑块轨道上的不同日期定义不同的颜色。

例如，滑块轨道的默认颜色可以是蓝色，对于 a 和 b 之间的日期，我希望滑块轨道显示为红色。两个选择点之间的滑块选择应该可以正常工作并覆盖滑块轨道上的任何内容。

【问题讨论】：

标签： jquery-ui slider kendo-ui rangeslider

【解决方案1】：

您可以根据标题属性找到刻度：

$("#slider")
   .closest(".k-slider")
   .find(".k-tick[title=5]") // find the tick 
   .css("color", "green");

这是一个现场演示：http://jsbin.com/AJOwAxA/1/edit

【讨论】：