使用Odometer将变量传递给jquery
问题描述:
我想使用jquery里程表在母版页上显示信息。 http://www.jqueryscript.net/animation/Smooth-Animated-Numbers-with-Javascript-CSS3-odometer.html使用Odometer将变量传递给jquery
为了做到这一点,我必须从SQL Server使用C#中检索该值。然后我必须将它传递给html()中的jscript里程表,如下所示。如果我获得了价值 - 如何将它发送给javascript?
<script>
setTimeout(function(){
$('.odometer').html('123222');
}, 1000);
</script>
答
您可以使用下面的实现来通过从代码背后的价值将jQuery
这是一个例子,如何做到这一点。
首先声明一个公共变量在后面的代码
//声明在代码中的公共变量背后
public string odometervalue = "667";
阅读下面
<script>
$(function() {
setTimeout(function() {
//Get the value from serverside
var uid = '<%=odometervalue %>';
odometer.innerHTML = uid;
}, 1000);
});
</script>
答
给jQuery中像值试试这个网站
</head>
<body>
<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script>
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style>
<script>
odometerOptions = {
auto: false
};
</script>
<script type = "text/javascript">
$(function(){
var exampleOdometerValue = 123456;
var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue });
exampleOdometer.render()
setTimeout(function(){
exampleOdometerValue = exampleOdometerValue+100.07;
exampleOdometer.update(exampleOdometerValue);
}, 2000);
});
</script>
<div class="odometer odometer-example">123</div>
</body></html>
ajax调用怎么样? – 2014-09-22 08:14:27