禁用滑块右侧的单击

【问题标题】：Disable click in right side of the slider禁用滑块右侧的单击
【发布时间】：2018-09-27 19:15:45
【问题描述】：

我只需要禁用右栏，它用于四个范围选择器

这里是plnkr中的代码

https://embed.plnkr.co/MdF3aPOTfyXihz4arJxw/

【问题讨论】：

到目前为止你尝试了什么..？
modify .ui-slider-handle.sleep, a[data-temperature="sleep"] css code，是我需要修改的bar的class

标签： jquery user-interface slider click

【解决方案1】：

我终于可以解决我的问题了：

https://refreshless.com/nouislider/

在javascript中

    noUiSlider.create(slider, {
     start: [10, 20, 50],
     connect: [true, true, true, true],
     range: {
        'min': [0],
        'max': [100]
     }
    });


   var connect = slider.querySelectorAll('.noUi-connect');
   var color = ["#11c300", "#ff9936","#ffe132","#ff1313" ];

   for (var i = 0; i < connect.length; i++) {
     $(connect[i]).css({"background":color[i]});
   }
   $(".noUi-base, .noUi-connects").css({'position' : 'initial'});

在html中

【讨论】：