C'è un cursore javascript (jquery) che limita i valori indipendentemente dai valori di visualizzazione?

Question

Vorrei avere un cursore che è da 0-100 ma che è solo selezionabile 0-75 (per esempio)

Uno sguardo esempio potrebbe essere qualcosa di simile, con il dispositivo di scorrimento limitato di entrare nella regione di colore

Chiaramente mi piacerebbe essere in grado di impostare il massimo, minimo, il limite e il valore del dispositivo di scorrimento ...

per quanto posso vedere il jQuery UI Slider non consente questo fuori della scatola. Mi aspetto che sia possibile estendere il comportamento di base, ma avrei bisogno di una mano molto chiara per farlo funzionare!

Answer 1

È possibile utilizzare l'evento slide del plug-in di scorrimento che viene attivato su ogni spostamento del mouse durante la diapositiva. Utilizzare ui.value per ottenere il valore dell'handle corrente e controllare il limite massimo e restituire false. Restituendo false da questa richiamata si impedisce la diapositiva.

$(".selector").slider({ 
    slide: function(event, ui) { 
     if(ui.value > 75){//Note the value of ui.value is between 0 to 99 
      return false; 
     } 
    } 
}); 

Per il colore di sfondo del cursore è possibile raggiungerlo facilmente tramite css.