javascript - 将里程表绑定(bind)到数据列表与gridview

我从http://uvumitools.com/odometer.html下载了里程表示例
但只有数据列表中的第一个元素获得了里程表，其他元素未显示
里程表。
 这是代码

<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>

最佳答案

这是因为您在列表元素中使用了静态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>

关于javascript - 将里程表绑定(bind)到数据列表与gridview，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18287051/