在 noUiSlider 两个句柄中，这是否始终是从左端到最小值的范围和从右端到最大值的范围？

Question

再次更新： 当方向更改为rtl、div.noUi-origin 样式变为right 时，css 样式已更改且无法正常工作，但无法正常工作。

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

不知道如何将它们分成两部分。 （direction 选项是否仅适用于单手柄滑块？？）

另外，试图弄清楚这个过滤器如何获取值范围，因为值传递给表更新函数也不起作用。

两个把手粘在一起。

我正在开发一个带有 nouiSilder 的双手柄范围滑块功能。

我试图交换 silder 两端的最小值和最大值（右端的 min 和左端的 max。），但失败了。

我注意到一个有两个手柄的滑块，slider.noUiSlider.get() 的结果是[value[0], value[2]]。

所有事件都提供这个数组作为参数，以及句柄索引。但即使我交换了value[0] = max, value[2] = min, 两个切换在一起的手柄（作为单个手柄），也不能使其成为真正的“反向范围滑块”。 Nouislider 仍然选择大值作为最大值，小值作为最小值，我们不能破解它吗？还是支持计算边距距离的函数不允许我们交换句柄值？

所以我的问题是，nouislider 是否支持交换两个句柄值的功能，使左边的最大值和右边的最小值？

我做了一些搜索，但反向句柄似乎只适用于单个句柄（选项direction）。所以我只是认为有可能用两个手柄做同样的事情吗？

谢谢。

Answer 1

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

只要您使用的句柄索引也是滑块事件回调的参数的一部分，值的顺序不应该是相关的：

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

回答主要问题：

nouislider 是否支持交换两个句柄值的功能，即左边最大值，右边最小值？

是的，使用direction 选项。