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秒后重新启用

单击并拖动时未禁用jquery ui滑块

1 个答案: