Question

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

最小值：0

最大值：5

并启用步骤选项。

在页面加载时，第一步（0）中的滑块处理程序。到目前为止一切都还可以。

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

IN SHORT：我想在用户将处理程序移动到另一个位置时禁用步骤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);
        }
    });

注意：我无法减少总步数。

Answer 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/

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

1 个答案: