更新时无法拖动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
        });
    });