Javascript Can';更新时不要拖动IonRange滑块
我正在使用IonRangeSloider创建一个媒体播放器,我将其与播放的曲目绑定,因此每当播放曲目时,滑块都会自动更新,但问题是当我想拖动滑块时,它无法被拖动,如果我停止播放曲目并进行更新,我可以拖动滑块 我是javascript新手,我想为客户端创建这个播放器 任何事情都会有帮助,并提前向您表示感谢 以下是初始化IonRangeSloider的代码:Javascript Can';更新时不要拖动IonRange滑块,javascript,slider,range,Javascript,Slider,Range,我正在使用IonRangeSloider创建一个媒体播放器,我将其与播放的曲目绑定,因此每当播放曲目时,滑块都会自动更新,但问题是当我想拖动滑块时,它无法被拖动,如果我停止播放曲目并进行更新,我可以拖动滑块 我是javascript新手,我想为客户端创建这个播放器 任何事情都会有帮助,并提前向您表示感谢 以下是初始化IonRangeSloider的代码: trackSlider = $("#trackRange"); trackSlider.ionRangeSlider({
trackSlider = $("#trackRange");
trackSlider.ionRangeSlider({
skin: "big",
min: 0,
hide_min_max: true,
hide_from_to: true,
step: 1,
onStart: function (data) {
},
onChange: function (data) {
//If there is a track playing
if(!player.notPlaying()){
player.setCurrentTime(data.from);
var width = $(".irs-bar.irs-bar--single").width();
$(".middle .progress").css({"width": width + "px"});
}else{
}
},
onFinish: function (data) {
},
onUpdate: function (data) { }
});
下面是更新滑块的代码
$(audio).on('timeupdate', function(){
let data = trackSlider.data("ionRangeSlider");
data.update({
from: player.currentTime
});
});
你能举个简单的例子吗?@Julied'a。。。这是代码。你能提供一个简单的例子吗?@julienrad'a。。。这是代码。