Comment réinitialiser un curseur d'interface utilisateur jQuery?
<!-- dirty -->
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
</script>
</head>
<div class="demo">
<p>
<label for="amount">Price range:</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
</p>
<div id="slider-range"></div>
</div>
<button type="button"
onclick='$("#slider-range").slider("value", $("#slider-range").slider("option", "min") );'>
Test
</button>
Cliquant sur le bouton ne permet pas de réinitialiser le curseur. Toute indices?
source d'informationauteur publicRavi
Vous devez vous connecter pour publier un commentaire.
Pour Curseurs de Plage vous devez utiliser la méthode
.slider("values", index, value)
à la place.Pas le stockage de vos options d'origine /de multiples curseur de réinitialisation
Si vous ne voulez pas stocker votre valeur d'origine ou si vous avez plusieurs curseurs essayez ceci:
Par rapport à votre code voir cette démo.
Découvrez ma réponse ici jsfiddle
Vous aussi vous pouvez le réinitialiser en une seule ligne de code (si vous utilisez l'option de gamme de curseur)
Vous pouvez essayer comme
appeler la fonction
PrimarySlider();
chaque fois que vous avez besoin de curseur et de réinitialisation en appelant