我继承了一个页面，该页面用于创建视频游戏的假设团队，最近，添加了一项新功能，使角色具有更多的能力。我想创建一个类似于页面中已经存在的水平滑块。
当我尝试创建新的滑块（仅通过复制并粘贴标签和滑块本身的所有元素）时，我很难出现一个单独的滑块，两个滑块同时出现彼此重叠我激活了它，但似乎都无法正确响应或完全改变了卡的级别。
我想提供一种视觉上吸引人的解决方案，但是如果我不能使滑块正常工作，那么我可能只会在侧边栏上添加文本框元素。
有许多文件都对该系统有贡献，可以在
上查看它们https://github.com/optc-db/optc-db.github.io/tree/master/damage
主要是此文件
https://github.com/optc-db/optc-db.github.io/blob/master/damage/js/directives.js
，可以在
上查看该项目http://optc-db.github.io/damage/#/
我希望这两个滑块彼此独立起作用，每个滑块仅更改各自的值，但是不确定从何而来。我不是开发此项目这一部分的人，此后的原始作者已经离开，并且已经多年没有接触了。