Question

我创建一个滑块，更改orientation:'vertical'并链接＆＃34; span＆＃34;使用它，以便我可以在拖动/点击滑块时更新和设置值。它运行良好，但只要我将句柄放在direction: 'rtl'的底部，跨度输出undefined。

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

默认情况下，滑块手柄的direction设置为"ltr"或＆＃34;从左到右＆＃34;。当滑块的方向设置为vertical时，Handle的行为方式相同，它们会调整＆＃34; ltr =从上到下＆＃34;或＆＃34; rtl =从下到上＆＃34;。

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

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

更改手柄方向后，未定义noUiSlider值

0 个答案: