1
jQuery的UI滑塊允許在啓動,滑動,變化來觸發事件,停止(參見:http://jqueryui.com/demos/slider/#events)jQuery UI的滑塊的多個事件觸發
我需要值,以在輸入字段SLIDE期間被示出,並且需要在STOP上提交的表單。但是,如果函數有兩個偶數觸發器,它似乎無法呈現滑塊。
這裏的工作代碼:
<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 2010-12-14 01:22:24
如果他們正確地在項目頁面的「查看源代碼」鏈接下找到它,它會有所幫助:http://jqueryui.com/demos/slider/#range – Shaun 2010-12-14 01:26:31