使jQuery UI滑塊可點擊不可拖動

Question

我正在使用jQuery UI 1.10.3。我正在尋找滑塊小部件不可拖動的實例。我希望用戶只能點擊滑塊上的值。

我已經嘗試eventDefault對滑塊的啓動方法..這並沒有工作（無響應的滑塊）。 http://jsfiddle.net/3hTUz/

Answer 1

$("#slider").slider({ 
      value:100, 
      min: 0, 
      max: 500, 
      step: 50 
}).on({ 
    slide: function(e,ui) { 
     $(this).data('v', ui.value); 
     e.preventDefault(); 
    }, 
    mousedown: function() { 
     var that = this; 
     setTimeout(function() { 
      var v = $(that).data('v'); 
      $(that).slider('value', v); 
     },2); 
    } 
}); 

$("#slider-value").html( $('#slider').slider('value')); 

FIDDLE

Answer 2

只需添加draggable: false您這樣的代碼

$("#slider").slider(
{ 
      value:100, 
      min: 0, 
      max: 500, 
      step: 50, 
    draggable: false, 
      slide: function(event, ui) { 
       $("#slider-value").html(ui.value); 
      }, 
      start: function(event, ui) { 
       //event.preventDefault(); 
      }, 
} 
); 

$("#slider-value").html( $('#slider').slider('value'));