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

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

0
user1673591 5 sep. 2014 a las 15:21

2 respuestas

La mejor respuesta

Debe iterar sobre ellos y enlazar progressbar individualmente. Utilizar:

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

Demostración de trabajo

3
Milind Anantwar 5 sep. 2014 a las 11:24

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