jQuery Simple SkillBar在单击时更新值和图形栏

我正在使用jQuery

正如我们所看到的，该条将显示身体负荷。现在我有一个名为

#btn

的按钮，可以在单击时设置

#skill1

值

$('#btn').on('click', function() {
  $('#skill1').attr("data-width", "20");
});

---

但是，skillbar没有更新。我需要的是，当我单击按钮

#btn

时，

#skill1

的值将随skillbar一起更新。

您不能像以前那样更新工具栏，必须通过

simpleSkillbar

插件对象指定宽度

这就行了

$('#btn').on('click', function() {
  $('#skill1').simpleSkillbar({
  width: 20
  });
});

---

请参阅证明：

您的JS行末尾有一个

，这将导致语法错误。我建议移除它并检查控制台是否存在其他错误。我已经移除了它，但仍然无法工作。在控制台上检查，没有错误

$('#btn').on('click', function() {
  $('#skill1').simpleSkillbar({
  width: 20
  });
});