Zdarzenie "zmiana" suwaka jQuery: Jak ustalić, kto to nazwał?

Question

Mam suwak, który jest używany jako linia czasu w moim odtwarzaczu muzycznym. Minimalna wartość to 0, a maksymalna wartość to długość utworu (w sekundach). Co sekundę (robię to z timerem), suwak przesuwa się, a wartość jest ustawiona na bieżący czas. Ta linia kodu wygląda tak:

$("#sliderTime").slider("option", "value", document.sound.controls.currentPosition); 

Użytkownik jest w stanie przesunąć/kliknij suwak i przejść do innego punktu w piosence, to jest przez wypalanie „grania (startPlayFromHere)” funkcja. Wygląda na to, że:

$("#sliderTime").slider({ 
    ... 
    change: function (event, ui) { play(ui.value) }, 
}); 

Problem polega na tym, że zarówno linia kodu w zegarze a użytkownikiem wzywają ten sam „change” wydarzenie suwaka, a użytkownik nie może przesunąć suwak.

Moje pytanie brzmi: jak ustalić, czy użytkownik wywołał zdarzenie zmiany, czy nie (co oznacza, że ​​był to zegar)?

Mam nadzieję, że jest wystarczająco jasne, Dzięki!

Answer 1

Można ustalić, czy zdarzenie zmiany wystąpiło ręcznie lub programowo, testując kod event.originalEvent w procedurze zmiany.

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

Zobacz fiddle.