【问题标题】:three dots on round-slider圆形滑块上的三个点
【发布时间】:2021-02-06 07:29:48
【问题描述】:

我正在尝试找出在圆形滑块上添加不是两个而是三个点/手柄的方法(此处:https://roundsliderui.com/document.html#options

根据文档,可能的句柄数量由sliderType 选项定义,该选项可以是defaultmin-rangerange - 最后一个定义两个句柄而不是一个。

欢迎任何建议如何处理(双关语不是故意的)。

【问题讨论】:

  • 3 个句柄究竟是如何工作的?我无法想象它
  • 我需要一个用户将 100% 的范围分成三个部分。我的计划是让他们将三个点放在一个圆圈上,然后让他们根据自己的喜好拖动它们。

标签: javascript round-slider


【解决方案1】:

roundSlider 默认情况下它只有一个或两个句柄。如果要添加多个句柄,则可以通过一些自定义来实现。查看以下演示:

DEMO 1

另外,根据您的要求,我有以下建议给您。如果你想把圆圈分成 3 块,那么你可以用 2 个手柄本身来做。查看以下演示:

DEMO 2

【讨论】:

    猜你喜欢
    • 2022-07-12
    • 2015-05-19
    • 2023-03-31
    • 1970-01-01
    • 2018-11-16
    • 2020-05-09
    • 2011-02-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多