如何禁用/启用使用selectToUiSlider jQuery插件的滑块？

Question

我正在使用jQuery插件创建带有刻度，标签和工具提示的滑块。我需要一种能够像文本框或组合框一样禁用/启用它的方法。对于例如当用户登陆页面时，滑块显示为禁用，但当用户更改保管箱或滑动另一个滑块时，应启用此功能。我找不到有关此特定功能的任何文档。需要帮助。

//SLIDER 1
$('select#milestones').selectToUISlider({
    labels:4,
    tooltip: false,
    labelSrc: 'text',
    sliderOptions:{
        change: function(e, ui) {
            filterAndLoadChart((parseInt(ui.value)) + 1);
            if(ui.value > 0){
                //I WANT TO ENABLE THE SLIDER 2 HERE
            }
        }
    }
});

//SLIDER 2
$('select#age').selectToUISlider({
    tooltip: false,
    labelSrc: 'value',
    sliderOptions:{
        disabled:true,
        change:function(e, ui) {
            var selVal = $('#age').val();
            $("#ageTxt").html(selVal + " Days");
        }
    }
});

Answer 1

selectToUISlider使用类ui-slider创建滑块 所以你可以使用标准的jquery-ui滑块方法禁用/启用它：

$('.ui-slider').slider('disable');

$('.ui-slider').slider('enable');