jquery ui слайдер не отключается при нажатии и перетаскивании

Question

Когда я нажимаю на ручку ползунка и перетаскиваю его, он будет отключен, но он все равно будет скользить. Что случилось с отключенной функцией?

Вот мой код:

$(function() { 
    var prevValue=100; 
    $("#slider").slider({ 
     value:100, 
     min: 0, 
     max: 500, 
     step: 50, 
     disabled: false, 
     slide: function(event, ui) { 
      $("#slider").slider("option", "disabled", true); 
      setTimeout(function(){ 
    $("#slider").slider("option", "disabled", false); 

    },2000); 
      if (prevValue>ui.value){ 
       ui.value= prevValue-50; 
      }else{ 
       ui.value= prevValue+50; 
      } 
      prevValue=ui.value; 

      $("#zomlevel").val("$" + ui.value); 
      $("#slider").slider("option", "value", prevValue); 
      $('#slider').trigger(e); 
      } 
    }); 


    $("#zomlevel").val($("#slider").slider("value")); 


}); 

Но когда я нажимаю на ползунке затем отпустите его будет отключен. Как я могу полностью отключить его при нажатии и перетаскивании.

Вот jsfiddle: http://jsfiddle.net/endl3ss/jNwww/24/

Answer 1

Почему у вас есть эта строка в коде?

setTimeout(function(){ 
$("#slider").slider("option", "disabled", false); 

},2000); 

Извлеките это, и оно остается отключенным. В противном случае он снова включится через 2 секунды.