將里程錶綁定到Datalist或gidview

Question

我下載了里程錶樣本http://uvumitools.com/odometer.html ，但只有第一個元素在Datalist裏得到里程錶，其他沒有顯示 Ododmeter。 下面是代碼

<script type="text/javascript" src="js/UvumiOdometer-compressed.js"> </script> 
<link rel="stylesheet" type="text/css" media="screen" href="css/uvumi-odometer.css" 
<script type="text/javascript"> 
    var odo2 = new UvumiOdometer('odometer2', { digits: 3 }); 
</script>` 

<asp:DataList ID="dlEquipment" runat="server" DataKeyField="Device_Id" RepeatDirection="Horizontal" RepeatColumns="5" Width="100 > <ItemTemplate> <div id="odometer2<%# Eval("count")%> </div></ItemTemplate>

Answer 1

那是因爲你使用的是靜態ID odometer2列表中的元素，在文檔中的ID應該是其他獨特的document.getElementById(id)總是會返回與第一個元素給定ID。

，如果你使用jQuery，您可以添加類屬性的div

<ItemTemplate> <div class="odometer2"> </div></ItemTemplate> 

然後

<script type="text/javascript"> 
jQuery(function($){ 
    $('.odometer2').each(function(){ 
     new UvumiOdometer(this, { digits: 3 }); 
    }) 
}) 
</script>