在noUiSlider两个句柄中,范围始终是从左到最小值,还是从右到最大值?

时间:2019-04-23 19:42:01

标签: javascript jquery tags nouislider

再次更新:CSS样式已更改,无法正常工作。 when direction change to 'rtl', div.noUi-origin style turns to 'right', but does not work correctly.

更新1:在滑块配置中添加了'direction':'rtl'选项之后。我有两个手柄贴在一起,看起来像一个手柄,但是像两个手柄一样工作,右侧的值大于左侧的值。

不知道如何将它们分为两个部分。 (“方向”选项仅适用于单手柄滑块吗?)

此外,由于值传递给表更新功能也无法正常工作,因此试图弄清楚此过滤器如何获取值范围。

two handles stuck together as one.

我正在使用带有nouiSilder的两个手柄范围滑块功能。

我试图在silder的两端交换最小值和最大值(右端的最小值和左端的最大值),但是失败了。

我注意到一个带有两个手柄的滑块,slider.noUiSlider.get()的结果为[value [0],value 2]。所有事件都将此数组作为参数以及句柄索引。但是即使我交换了值[0] =最大值,值2 =最小值,两个手柄同时切换(作为单个手柄),也无法使其成为真正的“反向范围滑块”。 Nouislider仍然选择最大值作为最大值,将小值作为最小值,我们不能破解它吗?还是功能支持计算边距距离不允许我们交换句柄值?

所以我的问题是,nouislider是否支持交换两个句柄值(使左侧的最大值和右侧的最小值)的功能?

我进行了一些搜索,但是反向句柄看起来仅适用于单个句柄(选项“方向”)。所以我只是认为有可能用两个手柄做同样的事情?

谢谢。

1 个答案:

答案 0 :(得分:0)

direction选项(docs确实适用于具有多个手柄的滑块,但仅会影响滑块的视觉表示滑块,而不是get方法返回的值的顺序或滑块事件的参数。

只要使用句柄索引(它也是slider事件回调的参数的一部分),值的顺序就不应该相关:

slider.noUiSlider.on('update', function(values, handle) {
    console.log(values[handle]);
});

回答主要问题:

  

nouislider是否支持交换两个句柄值(使左侧的最大值和右侧的最小值)的功能?

是的,使用direction选项。