javascript - 单击并拖动时未禁用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 秒后重新启用