再次更新: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是否支持交换两个句柄值(使左侧的最大值和右侧的最小值)的功能?
我进行了一些搜索,但是反向句柄看起来仅适用于单个句柄(选项“方向”)。所以我只是认为有可能用两个手柄做同样的事情?
谢谢。
答案 0 :(得分:0)
direction
选项(docs)确实适用于具有多个手柄的滑块,但仅会影响滑块的视觉表示滑块,而不是get
方法返回的值的顺序或滑块事件的参数。
只要使用句柄索引(它也是slider事件回调的参数的一部分),值的顺序就不应该相关:
slider.noUiSlider.on('update', function(values, handle) {
console.log(values[handle]);
});
回答主要问题:
nouislider是否支持交换两个句柄值(使左侧的最大值和右侧的最小值)的功能?
是的,使用direction
选项。