javascript - ラジオボタンがチェックされていない限りjQueryスライダーコントロールを無効にする方法

Question

ラジオ ボタンがチェックされるまで、jQuery UI スライダーの機能を無効にしようとしています。かなり簡単ですが、私が試したことがうまくいかなかったので、助けを求めています。便宜上: http://jsfiddle.net/nlem33/L5cY6/11/

    $('#slider1').slider({

    min: min_value,
    max: max_value,
    step: 1,

    slide: sliderHandler,
    stop: function (event, ui) {

    }
});

var min_value = 0;
var max_value = 630;

$('#slider2').slider({

    min: min_value,
    max: max_value,
    step: 5,

    slide: sliderHandler,
    stop: function (event, ui) {

    }

});

Answer 1

それらを無効にして初期化し、ラジオボタンがクリックされたときに有効にすることができます。

$('#slider1').slider({

        min: min_value,
        max: max_value,
        step: 1,
        disabled: true, // <= disabled on init
        slide: sliderHandler,
        stop: function (event, ui) {

    }
});


// Enable function :

$(':radio').click(function() {
    $('#slider1, #slider2').slider('enable');
});

http://jsfiddle.net/L5cY6/23/