jQuery滑块“;变更”;事件:如何确定是谁调用的?

jQuery滑块“;变更”;事件:如何确定是谁调用的?,jquery,jquery-ui-slider,Jquery,Jquery Ui Slider,我有一个滑块,在我的音乐播放器中用作时间线。最小值为0,最大值为歌曲长度(以秒为单位)。每秒钟(我用定时器),滑块移动,值设置为当前时间。此代码行如下所示: $("#sliderTime").slider("option", "value", document.sound.controls.currentPosition); 用户可以滑动/单击滑块并跳到歌曲中的另一个点,这是通过启动“播放(从此处开始播放)”功能实现的。看起来是这样的: $("#sliderTime").slider({

我有一个滑块,在我的音乐播放器中用作时间线。最小值为0,最大值为歌曲长度(以秒为单位)。每秒钟(我用定时器),滑块移动,值设置为当前时间。此代码行如下所示:

$("#sliderTime").slider("option", "value", document.sound.controls.currentPosition);
用户可以滑动/单击滑块并跳到歌曲中的另一个点,这是通过启动“播放(从此处开始播放)”功能实现的。看起来是这样的:

$("#sliderTime").slider({
   ...
  change: function (event, ui) { play(ui.value) },
});
问题是计时器中的代码行和用户都在调用滑块的相同“更改”事件,用户无法移动滑块

所以我的问题是如何确定用户是否调用了更改事件(这意味着它是计时器)?

我希望它足够清晰,
谢谢

您可以通过在更改处理程序中测试
event.originalEvent
来确定更改事件是手动发生还是以编程方式发生

$('#slider').slider({
    change: function(event, ui) {
        if (event.originalEvent) {
            //manual change
            play(ui.value);
        }
        else {
            //programmatic change
        }
    }
});

请参阅。

谢谢!现在我遇到了另一个问题:当用户尝试滑动时,计时器仍然工作并滑动滑块。因此,有时滑块会返回到原始位置并忽略用户的调用。没有时间写入它,但您可以附加
start
处理程序(请参阅)以升起一个标志,该标志将禁止(通过相应调整计时器代码)计时器对滑块的控制。在
change
处理程序中重新降低标志。(或者,停止计时器,然后重新启动)。