1

我创建了一个滑块，更改orientation:'vertical' 并链接“跨度”，以便我可以在拖动/点击滑块时更新和设置值。它运作良好，但只要我将 Handle 与direction: 'rtl', span 输出放在底部undefined。

我在NoUiSlider网站上看到了同样的问题，虽然滑块是水平的，但问题仍然存在。

默认情况下，direction滑块的手柄设置为"ltr"或“从左到右”。当滑块的方向设置为verticalHandle 时，它​​们的行为方式相同，它们调整“ltr = top-to-bottom”或“rtl = bottom-to-top”。

var slider = document.getElementById('sl1');
noUiSlider.create(slider, {
    start: 1,
    step: 1,
    connect: 'lower',
    direction: 'rtl',
    orientation: 'vertical',
    range: {
        'min': 1,
        'max': 32
    },
    format: wNumb({
        decimals: 0,
    })
});

var input = document.getElementById('input-with-keypress1');

slider.noUiSlider.on('update', function(values, handle) {
    input.value = values[handle]; //When the slider value changes, update the   input
});

slider.noUiSlider.on('set', function(values, handle) {
            input.value = values[handle];

JsFiddleDemo

我不知道为什么，但似乎外部资源链接不会呈现滑块，对不起，但我是菜鸟，也许我只是语法错误（虽然在本地工作）..

4

0 回答 0