2010-12-14 7 views
1

jQueryのUIスライダイベントが起動時にトリガされることを可能にする、スライド、変更、停止をトリガする(参照:http://jqueryui.com/demos/slider/#eventsjQueryのUIスライダー複数のイベント

Iは、スライド中の入力フィールドに表示される値、および必要性を必要としますSTOPで送信するフォーム。しかし、関数に2つの偶数トリガがある場合、スライダをレンダリングできないようです。ここで

は、作業コードです:

<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> 

ここで非作業コードです:

 <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> 

答えて

1

あなたは 'スライド' 関数の後,を忘れてしまいました。

+0

美しい、それでした。 – Shaun

+0

プロジェクトページの 'view source'リンクの下に表示されていれば助けになりましたか?http://jqueryui.com/demos/slider/#range – Shaun

関連する問題