jquery barra de progreso con valor no funciona

Question

Quiero dos barras de progreso con el valor especificado en el valor de datos, pero ambos valores son iguales

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
});

javascript jquery jquery-ui

0

user1673591 5 sep. 2014 a las 15:21

Answer 1

Debe iterar sobre ellos y enlazar progressbar individualmente. Utilizar:

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

3

Milind Anantwar 5 sep. 2014 a las 11:24

Answer 2

En lugar de

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

Utilizar este

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

0

Kartikeya Khosla 5 sep. 2014 a las 11:23

2 respuestas