jquery进度条，值不起作用

Question

我想要两个进度条，其值在数据值中指定，但两个值都相同

HTML

<div>
<div class="p" data-value="54"></div>
</div>
<div>
<div class="p" data-value="45"></div>
 </div>

jquery的

var t=$(".p").closest("div").data('value');
alert(t);
$(".p").progressbar({
value:t
});

http://jsfiddle.net/s7uxtbu7/9/

Answer 1

您需要迭代它们并单独绑定progressbar。使用：

$(".p").each(function(){
 var t=$(this).data('value');
   $(this).progressbar({
     value:t
   });
});

<强> Working Demo

Answer 2

而不是

var t=$(".p").closest("div").data('value');

使用此

var t=$(".p").data('value');