更改幻灯片后修改Jquery滑块手柄颜色

Question

我试图在移动或更改后立即更改Jquery滑块手柄的背景颜色。我试图在启动事件中添加一个类。它添加了我的类（与相应的CSS来改变背景颜色），但不幸的是没有改变颜色。小提琴：http://jsfiddle.net/cseitz/DrGYT/11/

.ui-slider .ui-slider-handle { 
background: blue; 
} 
.updated-handle { 
background: red; 
} 

$("#myslider").slider({ 
start: function (event, ui) { 
    $("#myslider").slider().find(".ui-slider-handle").addClass("updated-handle"); 
} 
}); 

<div id="myslider"></div> 

Answer 1

你必须比你的其他规则，具体（或更具体）。 .ui-slider .ui-slider-handle比.updated-handle更具体，因此它被忽略。

只需使用：

.ui-slider .updated-handle { 
    background: red; 
} 

jsFiddle example