如何禁用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/