Aide avec l'option Plage de curseurs jquery

Question

Existe-t-il un moyen de limiter les options de curseur dans le curseur de l'interface utilisateur jQuery?

J'ai un curseur qui est divisé en 5 parties.

Cependant, je veux seulement les options 2,3 et 4 disponibles. Je ne veux pas que la poignée passe à 1 ou 5.

Comment restreignez-vous cela?

Merci!

Answer 1

Vous pouvez écouter l'événement de diapositive et de tester sa position.

Quand il est à ou , vous pouvez return false et annuler l'événement.

Cela semble fonctionner

$(".selector").slider({ 
    min: 1, 
    max: 5, 
    value: 2, 
    slide: function(event, ui) { 
     if(ui.value == 1 || ui.value == 5) 
      return false; 
    } 
}); 

Avoir un jeu here.

Answer 2

Vous ne pouvez pas modifier directement les paramètres pour ce faire si vous souhaitez conserver 1 et 5 sur le curseur. Si vous ne souhaitez 2,3 & 4 vous pouvez utiliser:

$(".selector").slider({ min: 2, max: 4 }); 

Si vous voulez garder 1 et 5, vous devrez écrire une fonction onChange. Similaire à:

$(".selector").slider({ 
    change: function(event, ui) { 
     this.value == 1? this.value = 2: this.value; // 
     this.value == 5? this.value = 4: this.value; 
    } 
}); 

Vous ne savez pas si c'est la bonne syntaxe, vous devrez vérifier.