jQuery curseur ui mauvaises valeurs?

Question

code Exemple: http://jsbin.com/eqile3/

Ceci est un coulisseau avec 2 poignées, 1 min et de 1 pour max et sur l'événement de glissement de ces valeurs sont placées dans les champs d'entrée. Notez que lorsque vous faites glisser la poignée min de haut en bas, la valeur min est 11 (bien que je la mette à 10), mais en glissant de la position min, elle passe de 11 à 10, puis à 11. Si Je redescends à nouveau il va à 12 et puis 11 ...

Assez étrange erreur, ne sais pas où la cause se trouve?

De même, lorsque la poignée min est sur la première étape provenant de l'étape 0, la valeur étant 10, et je déplace ensuite le max-handle, la valeur de la poignée min est mise à jour correctement. Le max-handle a le problème inverse.

Le javascript pertinent dans l'exemple:

$(document).ready(function(){ 
    $('#clarityslider').slider({step:1,min:10,max:18,range:true,values:[10, 18]}); 

    $('#clarityslider').bind('slide', function(ui, event){ 
    valuemin = $(this).slider('values', 0); 
    valuemax = $(this).slider('values', 1); 


    $(this).next().val(valuemax); 
    $(this).prev().val(valuemin); 
    }); 
}); 

Answer 1

valeurs étrange. Ceci est plus simplifié et fonctionne comme un charme:

$(document).ready(function(){ 

    var valuemin = valuemax = 0; 

    $('#clarityslider').slider({ 
     min: 10, 
     max: 18, 
     range: true, 
     values: [10, 18], 
     slide: function(event, ui) { 
      valuemin = ui.values[0]; 
      valuemax = ui.values[1]; 
      $(this).next().val(valuemax); 
      $(this).prev().val(valuemin); 
     } 
    }); 
}); 

Bonne chance avec ce que vous construisez!

Answer 2

Wow, merci beaucoup! ça m'a vraiment aidé aussi, parce que j'avais exactement le même problème!

I avait:

slide: function(event, ui) { 
      var Oldvalue = $('#slider').slider("value"); 

et changé à

slide: function(event, ui) { 
       var Oldvalue = ui.value;