jquery - 如何禁用/启用使用 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');