valeurs curseur jQuery UI min / max

Question

Salut les gars, j'ai une question simple. Puis-je mettre des valeurs de texte min / max pour jquery ui curseur et quand défilement apparaisse chiffres? est un exemple, le curseur gauche pour la valeur maximale a « aucune limite » et lorsque vous la faire défiler, apparaissent chiffres.

Answer 1

Vous recherchez le curseur de plage. J'espère que le plage curseur démo aide. Les valeurs min et max peuvent être réglées lors de l'initialisation du curseur.

Edité Désolé pour la question malentendu. Si vous regardez le code source du vous verrez démo un petit script qui modifie les valeurs de l'élément « #amount » lorsque les valeurs de curseur sont modifiées

Voici ce script:

slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }

Vous pouvez modifier cette option pour afficher les valeurs de caractères.

slide: function( event, ui ) {
            if (ui.values[0] == <min_value>) {
                 $( "#amount" ).val( "Min Limit" + " - $" + ui.values[ 1 ] );
            }
        }

Vous pouvez modifier ce script en fonction de vos besoins

Remarque: Je n'ai pas testé

.

Answer 2

Oui, nous pouvons définir min-max

$("#slider").slider({
    range: "max",
    min: 0, // min value
    max: 200, // max value
    step: 0.1,
    value: 200, // default value of slider
    slide: function(event, ui) {
        $("#amount").val(ui.value);
    }
});​

Answer 3

Détruisez le curseur premier, qui supprime complètement la fonctionnalité de curseur. Ceci renvoie le dos d'élément à son état pré-initialisation.

$("#selector").slider("destroy");

Après cela, vous pouvez ajouter de nouvelles valeurs au curseur comme,

$("#selector").slider({
range: "max",
min: 0, // min value
max: 200, // max value
step: 0.1,
value: 200, // default value of slider
slide: function(event, ui) {
    $("#amount").val(ui.value);
}

});

Cela fonctionne.