禁用 jQuery 滑块小部件中的特定步骤答案

【问题标题】：Disable specific step in jQuery slider widget禁用 jQuery 滑块小部件中的特定步骤
【发布时间】：2015-01-14 11:02:13
【问题描述】：

我正在使用jQuery-ui slider，我正在初始化滑块：

最小值：0

最大值：5

并启用步骤选项。

页面加载时，第一步中的滑块处理程序 (0)。到这里一切正常。

问题：当用户将处理程序滑动到任何其他步骤（1 到 5）时，他必须不能够重新选择步骤 0。

简短：当用户将处理程序移动到另一个位置时，我想禁用第 0 步

这是 HTML：

<div class="eval-card-slider-wrapper noselect col-xs-12 col-lg-5">     
   <div class="col-xs-9">                          
      <div class="eval-card-slider"></div>
   </div>                    
</div>

这是我初始化插件的方式：

    $("div.eval-card-slider").slider({
        value: 0,
        min: 0,
        max: 5,
        step: 1,
        slide: function (event, ui) {
            var that = $(this);
            var val = ui.value;
            that.closest('.eval-card-slider-wrapper').find('.eval-slider-value-holder').attr('data-sliderVal', val);
            qstAverageUpdate(that);
        }
    });

注意：我不能减少总步数。

【问题讨论】：

标签： jquery jquery-ui jquery-ui-slider

【解决方案1】：

例如，您可以这样当用户尝试选择 0 时，它会返回到 1 或之前的选择

$("div.eval-card-slider").slider({
    value: 0,
    min: 0,
    max: 5,
    step: 1,
    change: function (event, ui) {
        if(!$(this).slider("value"))
            $(this).slider("option", "value", 1);
    },
});

http://jsfiddle.net/0660081o/

【讨论】：