JQuery-UI curseur vers le bas des boutons vers le bas

Question

N'a pas trouvé le moyen de créer des boutons haut et bas pour curseur vertical, pour faire son apparence comme un défilement standard.

La solution ci-dessous est-elle appropriée? Ou y a-t-il d'autres moyens?

function scroll(step) 
{ 

    if (step > 0) 
    { 
     if ($("#slider").slider('value') <= (100 - step)) 
     { 
      $("#slider").slider('value', $("#slider").slider('value') + step); 
     } 
    } 
    else 
    { 
     if ($("#slider").slider('value') >= Math.abs(step)) 
     { 
      $("#slider").slider('value', $("#slider").slider('value') + step); 
     }  
    } 


    return false; 
} 

Answer 1

Qu'est-ce que vous avez certainement fonctionne ... mais si vous êtes inquiet au sujet du capsulage de gamme, slider already does this internally, vous pouvez simplement faire ceci:

function scroll(step) { 
    var s = $("#slider"); 
    s.slider('value', s.slider('value') + step); 
    return false; 
} 

Notez également que même paramètre la valeur le renvoie (la valeur plafonnée), de sorte que vous pouvez le faire par exemple:

function scroll(step) { 
    var s = $("#slider"); 
    var newValue = s.slider('value', s.slider('value') + step); 
    alert("The new value is: " + newValue); 
    return false; 
} 

Ainsi, par exemple si la plage est 0-100 et vous êtes à 90, une étape de 10ou plus entraînerait toujours une newValue de 100.