jquery - jquery - 如何启用此图像 - 年龄滑块

Question

我正在寻找有关如何使上述图像在 jquery 中工作的建议。

我有两边的两个数字：

<span id="startAge">21</span>
<span id="endAge">99</span>

我可以将图像拆分，因此栏和图标是分开的。

问题：

• 我如何让图标沿着栏滑动？
• 当图标滑动时，我将如何改变年龄？
• 我怎样才能防止酒吧交叉 - 例如：年龄：35到30（错误的方式）？

任何其他建议都会很棒 - 只需要一只手来开始这个。

谢谢

Answer 1

查看像 Zoltan 提到的jqueryui 滑块。您可以通过 css 获得所需的功能并习惯于滑块 api 调用。