【问题标题】:$.noUiSlider Reverse Direction of Vertical Slider$.noUiSlider 垂直滑块的反向
【发布时间】:2014-09-11 21:49:50
【问题描述】:

$.noUiSlider (http://refreshless.com/nouislider/)

有没有办法反转垂直滑块的方向?意思是,最小值可以在底部,最大值在顶部吗?我通过将范围设置为 min: -15, max: 0 来实现它,但这会导致您必须转换负值。

有合适的方法吗?有一种方法可以反转水平滑块的方向,但我在垂直方向上找不到任何关于滑块的信息。

谢谢!

【问题讨论】:

  • 你试过颠倒最小值和最大值吗?
  • 我做到了。只是看起来很老套,因为我最终得到了负值。只是想知道是否有适当的方法可以做到这一点,而不必事后转换为绝对值。
  • 如果 min 为 +15 而 max 为 0 会怎样?
  • 是的,我想这就是你必须这样做的方式。我在文档中没有看到任何关于逆转它的内容。对于水平有“rtl”和“ltr”设置。谢谢!

标签: javascript jquery nouislider


【解决方案1】:

方向选项也适用于垂直滑块。设置rtl 设置bottom-to-top 行为。

更多信息请参见this example

【讨论】:

  • 您好,感谢您的回复。经过一些测试,我发现了这一点。但是,当我这样做时,我注意到链接输入停止工作。有没有办法通过链接输入进行自下而上的行为?我可以通过反转最小/最大值并使用负数来使其工作。例如:设置最小值:-15 和最大值:0(开始:-5)。这样做链接输入有效,但当然,它报告一个负值。有没有一种简单的方法可以转换为绝对值,这样输入就不会报告负数?
  • 我在答案中添加了一个示例。
  • 我现在可以使用它了。谢谢!我感谢您的帮助。总的来说,在控制方面做得很好。效果很好。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多