Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 幻灯片结束后更改Jquery滑块手柄颜色_Jquery Ui_Jquery Ui Slider - Fatal编程技术网

Jquery ui 幻灯片结束后更改Jquery滑块手柄颜色

Jquery ui 幻灯片结束后更改Jquery滑块手柄颜色,jquery-ui,jquery-ui-slider,Jquery Ui,Jquery Ui Slider,我试图在移动或更改Jquery滑块句柄时立即更改其背景色。我尝试在开始事件中添加一个类,但效果很好。它添加了我的类(使用相应的css更改背景颜色),但不幸的是没有更改颜色。小提琴: .ui slider.ui slider句柄{ 背景:蓝色; } .更新的句柄{ 背景:红色; } $(“#myslider”).滑块({ 开始:功能(事件、用户界面){ $(“#myslider”).slider().find(“.ui滑块句柄”).addClass(“更新句柄”); } }); 您只需比其他规则更

我试图在移动或更改Jquery滑块句柄时立即更改其背景色。我尝试在开始事件中添加一个类,但效果很好。它添加了我的类(使用相应的css更改背景颜色),但不幸的是没有更改颜色。小提琴:

.ui slider.ui slider句柄{
背景:蓝色;
}
.更新的句柄{
背景:红色;
}
$(“#myslider”).滑块({
开始:功能(事件、用户界面){
$(“#myslider”).slider().find(“.ui滑块句柄”).addClass(“更新句柄”);
}
});

您只需比其他规则更具体(或更具体)
.ui slider.ui slider句柄
更具体。更新的句柄
被忽略

只需使用:

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

您只需比其他规则更具体(或更具体)
.ui slider.ui slider句柄
更具体。更新的句柄
被忽略

只需使用:

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