更改幻燈片後修改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