2014-09-05 69 views
0

jQuery的進度我想要兩個進度與數據值指定的值,但是這兩個值是相同與價值不工作

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

爲什麼要使用最接近()嗎?其父元素沒有數據屬性 – 2014-09-05 11:23:23

回答

3

你需要在它們之間迭代並單獨綁定progressbar。用途:

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

Working Demo

+0

請給出一個jsfiddle – user1673591 2014-09-05 11:25:47

+0

@ user1673591:它已經在那裏。 – 2014-09-05 11:26:19

0

而不是

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

使用本

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

仍然不工作 – user1673591 2014-09-05 11:24:18

+0

它的工作在這裏看到http://jsfiddle.net/bx0L8oru/ .. @ user1673591 – 2014-09-05 11:26:45