2010-12-14 16 views
1

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> 

Répondre

1

Vous avez oublié le , après la fonction 'slide'.

+0

Belle, ça l'a fait. – Shaun

+0

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