如何防止在Ion.RangeSlider中单击间隔？

Question

在Ion.RagerSlider插件中，间隔栏是可单击的。 当用户在尝试滚动时意外单击该元素时，这是在移动设备上的问题。

如何禁用间隔条上的点击事件？

我无法在官方文档中找到解决方案。

Answer 1

我面临着同样的问题，如果在条形图上的选定范围之外点击，则整个范围都将转移到点击位置。视屏幕上条的位置和大小而定，很容易因疏忽而丢失滚动条值。

尽管2.3.1版未正式支持它，但我发现删除touchstart和mousedown事件与范围线的绑定确实可以解决问题。 https://github.com/IonDen/ion.rangeSlider/blob/2.3.1/js/ion.rangeSlider.js#L686#L687

一种更通用的方法可能是创建一个名为disable_line_touch之类的新配置参数，默认值为false，并且仅在其值设置为true时才跳过上述绑定。