小编Ily*_*a K的帖子

我正在做一个基于noUi Slider的滑块.试图实现如此说"优雅"的解决方案.因为我的ui手柄很大,所以我的ui底座略大,底座有额外的值.但是这些值是不允许的,句柄会跳回到允许的值.我决定将加号和减号按钮放在限制值的位置.

但问题是我无法达到这样的效果:当你将控制符号移动到控制符号(正/负)时,它们会隐藏在句柄后面.就我而言,他们仍处于领先地位.我无法解决这个问题.

一些帮助/建议会很棒.

这是我的代码(样式在JSFiddle上):

$(document).ready(function(){

    var sliders = document.getElementById('red'),
        input = document.getElementById('handle'),
        sliderPlus = document.getElementById('slider-amount-plus'),
        sliderMinus = document.getElementById('slider-amount-minus'),
        termCur = 500;

    noUiSlider.create(sliders, {
        start: termCur,
        step: 50,
        connect: "lower",
        range: {
            'min': 0,
            'max': 1100
        },
        pips: {
            mode: 'values',
            values: [100, 500, 1000],
            density: 4.5
        }
    });
    $('<div class="value">' + termCur + ' z?' + '</div>').appendTo($('.noUi-handle', sliders));


sliders.noUiSlider.on('change', function ( values, handle ) {
    if ( values[handle] < 100 ) {
        sliders.noUiSlider.set(100);
    } else if ( values[handle] > …