在 noUiSlider 两个句柄中,范围是否总是左端到最小值,右端到最大值?

Is that always the range left end to min value and the right end to max value in noUiSlider two handles?

再次更新: 当方向更改为 rtldiv.noUi-origin 样式变为 right 时,css 样式已更改且无法正常工作。

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

不知道如何将它们分成两部分。 (direction 选项只适用于单手柄滑块吗??)

此外,试图弄清楚此过滤器如何获取值范围,因为传递给 table 更新函数的值也不起作用。

两个手柄粘在一起。

我正在使用 nouiSilder 开发双手柄范围滑块功能。

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

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

所有事件都提供此数组作为参数,以及句柄索引。但即使我交换了 value[0] = max, value[2] = min, 两个手柄一起切换(作为单个手柄),也无法使其成为真实的 "reversed range slider"。 Nouislider 仍然选择大值作为 max,小值作为 min,我们不能 hack 吗?或者函数支持计算边距距离不允许我们交换句柄值?

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

我做了一些搜索,但反向句柄看起来只适用于单句柄(选项 direction)。所以我只是想用两个手柄做同样的事情的可能性?

谢谢。

direction 选项 (docs) 对具有多个手柄的滑块有效,但它只影响 视觉效果滑块的表示 ,而不是 get 方法或滑块事件的参数返回值的顺序。

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

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

回答主要问题:

does nouislider support the feature that swap two handle value that make max value on the left and min value on the right?

是,使用 direction 选项。