Javascript 当滑块处于'；位置时，将弹出滑块值；她变了

我有下一个问题：

有一个包含箭头的椭圆滑块

我想写一个函数，当用户改变值时，它会显示一个带有椭圆值的弹出窗口

但是：有两个选项可以滚动它：

1） 当您单击某个值时，屏幕上将显示一个带有该值的弹出窗口

2） 当您单击椭圆并将其向左或向右移动，然后停止单击椭圆（换句话说，停止滚动），屏幕上将显示一个带有该值的弹出窗口

$("#slider").slider({
    value:30,
    min: 0,
    max: 100,
    step: 10,
    slide: function( event, ui ) {
        $( "#slider a" ).html("<span class='Triangles'>&#9664;&#9654;</span>");
        $( "#slider-value" ).html(ui.value);            
    }
});

$（“#滑块”）.滑块({
数值：30，
分:0,，
最高：100，
步骤：10，
幻灯片：功能（事件、用户界面）{
$（“#滑块a”）.html（“◀；▶；”；
$（“#滑块值”）.html（ui.value）；
}
});

感谢您的帮助

您希望绑定到事件。当用户停止拖动或单击滑块上的不同点时，它将触发

这是您的更新代码：

$("#slider").slider({
    value: 30,
    min: 0,
    max: 100,
    step: 10,
    slide: function (event, ui) {
        $("#slider a").html("<span class='Triangles'>&#9664;&#9654;</span>");
        $("#slider-value").html(ui.value);
    },
    stop: function (event, ui) {
        alert(ui.value);
    }
});

$（“#滑块”）.滑块({
数值：30，
分:0,，
最高：100，
步骤：10，
幻灯片：功能（事件、用户界面）{
$（“#滑块a”）.html（“◀；▶；”；
$（“#滑块值”）.html（ui.value）；
},
停止：功能（事件、用户界面）{
警报（ui.value）；
}
});

工作小提琴：