我从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>
答案 0 :(得分:1)
这是因为您在列表元素中使用静态标识odometer2
,文档中的标识应该是唯一的,否则document.getElementById(id)
将始终返回具有给定标识的第一个元素。
如果您使用的是jQuery,则可以向div
<ItemTemplate> <div class="odometer2"> </div></ItemTemplate>
然后
<script type="text/javascript">
jQuery(function($){
$('.odometer2').each(function(){
new UvumiOdometer(this, { digits: 3 });
})
})
</script>