jQuery slider evento de "cambio": ¿cómo puedo determinar quién lo llamó?

Question

Tengo un control deslizante que se utiliza como una línea de tiempo en mi reproductor de música. El valor mínimo es 0 y el vlaue máximo es la duración de la canción (en segundos). Cada segundo (lo hago con un temporizador), el control deslizante se mueve y el valor se establece en la hora actual. Esta línea de código es el que:

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

El usuario es capaz de deslizarse/haga clic en el control deslizante y saltar a otro punto de la canción, esto es por el disparo de la 'juego (startPlayFromHere)' función. Se ve así:

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

El problema es que tanto la línea de código en el temporizador y el usuario está llamando el mismo evento 'cambio' del cursor, y el usuario no puede mover el cursor.

Así que mi pregunta es ¿cómo puedo determinar si el usuario llamó al evento de cambio o no (eso significa que fue el temporizador)?

Espero que sea lo suficientemente claro, Gracias!

Answer 1

Puede determinar si un evento de cambio se produjo manualmente o mediante programación probando event.originalEvent en el controlador de cambios.

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

Ver fiddle.