Obtenir la valeur d'un curseur de l'interface utilisateur jQuery

J'ai un jQuery UI slider qui fait partie d'un système de notation. Vous vous glissez à des valeurs de 1 à 5 afin de noter de 1 à 5. Je l'ai réglé par défaut sur 3 lorsque le curseur apparaît à première vue. La forme qu'il est une partie de a un caché d'entrée dont la valeur doit être la valeur de la glissière, mais il ne l'est pas.

Voici le jQuery:

$( "#ratingSlider" ).slider({
        range: "min",
        value: 3,
        min: 1,
        max: 5,
        slide: function( event, ui ) {
            $( "#ratingResult" ).val( ui.value );
        }
    });
    $( "#ratingResult" ).val( $( "#ratingSlider" ).slider( "value" ) );
    $("#ratingSlider").change(function(){
        $( "#rateToPost" ).attr('value', $( "#ratingSlider" ).slider( "value" ) );
    });

J'ai essayé de faire le .val () #rateToPost à l' .val() de la barre, mais toujours, il ne lui a donné 3 (valeur par défaut).

Comment puis-je faire passer la valeur correctement?

Aussi, je veux avoir la valeur actualiser automatiquement (pour l'instant il est affiché à l'aide d'une zone de texte, mais je ne veux vraiment pas à utiliser une zone de texte) sur la page à chaque fois que le curseur est déplacé, comment puis-je le faire?

source d'informationauteur AKor

  1. 19

    Pour afficher la cote de vous glisser votre curseur de l'initialisation, vous devez modifier le texte de la div (en Supposant que vous avez un div (pas une zone de saisie) avec un id "ratingResult").
    Pour mettre à jour la valeur lorsque l'utilisateur termine le faisant glisser, vous devez ajouter l'événement de changement pour le code d'initialisation.

    $("#ratingSlider").slider({
    range: "min",
    value: 3,
    min: 1,
    max: 5,
    //this gets a live reading of the value and prints it on the page
    slide: function(event, ui) {
      $("#ratingResult").text(ui.value);
    },
    //this updates the value of your hidden field when user stops dragging
    change: function(event, ui) {
      $('#rateToPost').attr('value', ui.value);
    }
  });
  2. 2

    Utilisation ui.value dans le changement de gestionnaire d'événements.

    $('#ratingSlider').change(function(e, ui) {
    $('#rateToPost').attr('value', ui.value);
});