Vous souhaitez lier un champ de saisie à un curseur curseur jquery-ui

Question

Je souhaite lier un champ de saisie à la poignée du curseur jquery-ui. Donc, chaque fois qu'une valeur change, je veux que l'autre valeur change aussi. Ex: si quelqu'un tape 1000 dans le champ de saisie de la valeur minimale, je veux que la poignée du curseur inférieur passe à la marque 1000. De même, si l'utilisateur déplace la poignée du curseur inférieur vers 1000, le champ de saisie doit refléter cela.

Faire le curseur reflètent les changements dans le champ de saisie est facile:

$(minYearInput).blur(function() { 
    $("#yearSlider").slider("values", 0, parseInt($(this).val())); 
}); 
$(maxYearInput).blur(function() { 
    $("#yearSlider").slider("values", 1, parseInt($(this).val())); 
}); 

J'ai juste besoin d'aide pour prendre les champs de texte simulent le curseur.

$("#yearSlider").slider({ 
    range: true, 
    min: 1994, 
    max: 2011, 
    step: 1, 
    values: [ 1994 , 2011 ], 
    slide: function(event, ui) { 
     //what goes here? 
    } 
}); 

Des idées?

Une question similaire de ce site: Jquery UI Slider - Input a Value and Slider Move to Location

Answer 1

Regardez attentivement le code exemple sur JQuery UI's page about the range slider.

Vous pouvez accéder aux valeurs du curseur à travers l'objet ui. tels que:

function(event, ui) { 
    //what goes here? 
    $(minyearInput).val(ui.values[0]); 
    $(maxyearInput).val(ui.values[1]); 
}