Le curseur jQuery UI permet des événements à déclencher au démarrage, toboggan, changement, arrêt (voir: http://jqueryui.com/demos/slider/#events)jQuery UI Curseur plusieurs événements déclencheurs
Je dois les valeurs à afficher dans un champ d'entrée pendant SLIDE, et le besoin un formulaire à soumettre sur STOP. Cependant il semble que si la fonction a deux déclencheurs pairs, elle ne rend pas le curseur.
est ici le code de travail:
<script>
$(function() {
$("#slider-range").slider({
range: true,
min: 50,
step: 10,
max: 500,
values: [ 75, 450 ],
slide: function(event, ui) {
$("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] + " avg/night");
$("#edit-nightlyavg-min").val(ui.values[ 0 ]);
$("#edit-nightlyavg-max").val(ui.values[ 1 ]);
}
});
$("#amount").val("$" + $("#slider-range").slider("values", 0) +
" - $" + $("#slider-range").slider("values", 1) + " avg/night");
$("#edit-nightlyavg-op").val("between");
});
</script>
Voici le code non-travail:
<script>
$(function() {
$("#slider-range").slider({
range: true,
min: 50,
step: 10,
max: 500,
values: [ 75, 450 ],
slide: function(event, ui) {
$("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] + " avg/night");
$("#edit-nightlyavg-min").val(ui.values[ 0 ]);
$("#edit-nightlyavg-max").val(ui.values[ 1 ]);
}
stop: function(event, ui) {
$("#views-exposed-form-location-directory-page-1").submit();
}
});
$("#amount").val("$" + $("#slider-range").slider("values", 0) +
" - $" + $("#slider-range").slider("values", 1) + " avg/night");
$("#edit-nightlyavg-op").val("between");
});
</script>
Belle, ça l'a fait. – Shaun
Aurait aidé si elles l'ont eu droit sous le lien 'view source' sur la page du projet: http://jqueryui.com/demos/slider/#range – Shaun