【问题标题】:round slider select圆形滑块选择
【发布时间】:2011-02-04 10:09:26
【问题描述】:

是否有基于 jQuery 的 360 度旋转滑块,用户可以在其中抓取末端并将其旋转 360 度?

【问题讨论】:

  • 我找到了一个线程 *.com/questions/351371/…,但它没有显示如何实现,它也不是一个真正的 jquery 插件我留下了评论希望更接近我的目标

标签: jquery jquery-ui slider 360-degrees


【解决方案1】:

interface.eyecon.ro 上查看这个示例,它有一个圆圈和一个可拖动的手柄,从页面源来看它并不太复杂。

【讨论】:

    【解决方案2】:

    以客户欣赏的方式完成此任务的唯一正确方法是深入研究 HTML CANVAS 元素。我不认为已经为您的目的做过一个,但我记得前一段时间我看到 soundmanager api 公司在画布上试验 360 滑块,以在他们的播放器上寻找声音的时间间隔。

    【讨论】:

    • 这是一个想法,但我没有时间或精力来编写这段代码,我可能只需要使用水平或垂直滑块。我很惊讶 jquery-ui 滑块没有圆形选项
    【解决方案3】:

    我知道这是一个很晚的答案,但我希望这对即将到来的用户有用。

    jQuery roundSlider 插件是满足您要求的完美插件。

    这个圆形滑块具有与 jQuery ui 滑块类似的选项。它支持默认、最小范围和范围滑块类型。不仅是圆形滑块,它还支持各种circle shapes,例如四分之一、一半和饼形圆形。

    更多详情请查看demosdocumentation 页面。

    请查看jsFiddle的现场演示。

    输出截图:

    【讨论】: