2010-12-14 77 views
1

jQuery的UI滑塊允許在啓動,滑動,變化來觸發事件,停止(參見:http://jqueryui.com/demos/slider/#eventsjQuery 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> 

回答

1

你的 '幻燈片' 功能後,忘了,

+0

美麗,這是做到了。 – Shaun 2010-12-14 01:22:24

+0

如果他們正確地在項目頁面的「查看源代碼」鏈接下找到它,它會有所幫助:http://jqueryui.com/demos/slider/#range – Shaun 2010-12-14 01:26:31