javascript - jquery：在 html 中显示进度条

Question

当我将值写入我的 html 时，我的进度条运行良好，但是当我从 jquery 传递值时它不起作用.. 例如 $('#progresslevel').html(data);

现在我有这个 html，如果我在进度条中插入值，它就可以工作

   <span class="demo-progress" data-progress-options='{"size":false,"style":"large","barClasses":["green-gradient","glossy"],"innerMarks":25,"stripes":true,"darkStripes":false}'>50%</span>

但是如果我在 jquery 中这样做

在这里我从控制器那里得到一个值

  $('.demo-progress').html(data);

它没有用..盒子上只写了50，没有别的..进度条不出现

我也通过在 span 类之后给一个 div 然后将值传递给 div 来尝试这个，但它仍然没有工作

任何人都知道如何解决这个问题

Answer 1

您不应该自己直接修改进度条的组件元素。Progressbar 小部件有一个API，您可以使用它来修改进度 - 具体来说，您应该设置该value选项：

$(".demo-progress").progressbar("option", "value", 50);