슬라이드 뒤에서 Jerery 슬라이더 핸들 색상 변경

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