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

axi*_*rem 1 jquery jquery-ui slider jquery-ui-slider

我正在使用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");
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

pet*_*lko 6

selectToUISlider使用类ui-slider创建滑块,以便您可以使用标准jquery-ui滑块方法禁用/启用它:

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

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