在 noUiSlider 两个句柄中,范围是否总是左端到最小值,右端到最大值?
Is that always the range left end to min value and the right end to max value in noUiSlider two handles?
再次更新:
当方向更改为 rtl
、div.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
选项。
再次更新:
当方向更改为 rtl
、div.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
选项。