javascript - 更新时无法拖动 ionRangeSlider 滑块

Question

我正在使用 ionRangeSlider 创建一个媒体播放器，我将它与正在播放的曲目绑定，所以每当曲目播放时，滑块会自动更新，但问题是当我想拖动滑块时它不能被拖动，如果我停止轨道和更新我可以拖动滑块。

我是 javascript 新手，我想为客户创建这个播放器。

任何事情都会有所帮助，并提前感谢您。

这是初始化 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
        });
    });

标签： javascriptsliderrange