1

スライダーのハンドルをクリックしてドラッグすると、無効になりますが、スライドします。無効化された機能の何が問題になっていますか?

これが私のコードです：

$(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/

4

1 に答える 1

1

コードにこの行があるのはなぜですか?

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

},2000);

それを取り出すと、無効のままになります。それ以外の場合は、2 秒後に再び有効になります

于 2013-05-23T08:46:50.507 に答える