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