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

Question

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

我有两个数字：

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

我可以将图像分开，这样条形图和图标就会分开。

问题：

• 如何让图标沿着栏滑动？
• 当图标滑动时，如何更改年龄？
• 如何防止酒吧越过 - 例如：年龄：35到30岁（错误的方式）？

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

由于

Answer 1

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