Цвет ручки слайдера Alter 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