Javascript jQuery：使用jQuery UISlider的音频滚动条

因此，使用我的seekbar，下图，用户应该能够通过改变手柄在seekbar上的位置，跳转到他们想要的歌曲中的某个位置，并且滑块手柄应该根据歌曲的当前部分进行更改

现在发生的事情是这样的

这是我的滑块设置：

$("#progressbar1").slider({
    value  : 0,
    step   : 1,
    range  : false,
    min    : 0,
    max    : firstSongDuration,
    change  : function(){
    var value = $("#progressbar1").slider("value");
    $("#audio1")[0].currentTime = value;
}
});

这是我的设置，检测它当前在歌曲中的位置：

$("#audio1")[0].addEventListener('timeupdate',function(){
    firstSongDuration = Math.floor($("#audio1")[0].duration);
    setTime(firstSongDuration, $("#endingTime1"));
    firstSongCurrently = Math.floor($("#audio1")[0].currentTime);
    setTime(firstSongCurrently, $("#currentTime1"));
},false);

现在发生的事情是，当我点击滑块上的另一个点时，滑块和音频会变得混乱，并停留在原来的位置

似乎正在发生的是，当我移动到滑块的不同部分时，

firstsong当前

（我的变量是歌曲当前所在部分的整数）会被分配滑块的新值。但是，在同一个函数中，FirstSongCurrent还被分配了歌曲当前所属部分的值（第二个代码段）

问题似乎在于这两种情况都存在于：

$(document).ready(function(){...});

我迷失在如何解决这个问题上，并且已经阅读了关于如何使用滑块的各种不同帖子和文章

它一定比这个简单

谢谢大家