1
jQueryのUIスライダイベントが起動時にトリガされることを可能にする、スライド、変更、停止をトリガする(参照:http://jqueryui.com/demos/slider/#events)jQueryの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>
美しい、それでした。 – Shaun
プロジェクトページの 'view source'リンクの下に表示されていれば助けになりましたか?http://jqueryui.com/demos/slider/#range – Shaun