使用jQuery滑塊合作 - 定位

Question

我一直在與滑塊和我使用下面的代碼：

$(function(){ 
     $('#slider').slider({ 
      animate: true, 
      step: 1, 
      min: 0, 
      max: 10, 
      orientation: 'vertical', 
      start: function(event, ui){ 
       $('#current_value').empty(); 
       $('#current_value').fadeIn().append('Value is ' + ui.value); 
      }, 
      change: function(event, ui){ 
       alert(); 
       //$('#current_value').empty(); 
      } 

     }); 
    }); 

我試圖得到它的頂部是值10和底部值爲1並且步驟1.這看起來是否正確？

我遇到的另一個問題是，當你從一個位置移動到另一個位置時，我想讓它顯示停止的位置（當前位置）。

所以，如果它是在4，你點擊7，當你停止追加到DIV我試圖改變和停止，但它不是那樣的行爲。它採取錯誤的位置值。

鏈接：http://www.ryancoughlin.com/demos/interactive-slider/index.html 如果使用鍵盤，然後轉到下我的目標是把它從1 1個增量

有什麼想法步到10？

Answer 1

用SLIDE替換您的CHANGE事件...前一陣子我問了similar question。

你可能要添加STOP事件，以及...從開始移動你的邏輯，以滑動並停止