javascript - What's the difference between a regular js int and one from jquery.val()? -
i'm using script called countup.js increments integer in animated way until reaches it's desired amount.
here code:
html:
<h2 id="countup-1">2500</h2>
js
var theval = 5000; var demo = new countup("countup-1", 0, theval, 0, 2.5); demo.start();
this animates counter 0 5000. perfect.
but want animate value in h2 tag (2500). tried this.
var theval = parseint($('#countup-1').val()); var demo = new countup("countup-1", 0, theval, 0, 2.5); demo.start();
but error: "uncaught typeerror: c.match not function"
how be? i'm sending int countup function in both cases?
set fiddle here:
$('countup-1').val()
doesn't exist (there no value
attribute on specific element). try (see working jsfiddle):
var theval = 5000; var demo = new countup("countup-1", 0, theval, 0, 2.5); demo.start(); var theval2 = parseint($('#countup-2').html().split(',').join('')); var demo2 = new countup("countup-2", 0, theval2, 0, 2.5); demo2.start();
the jquery method .val()
retrieves contents of value
attribute of element. in case, you're using html element innerhtml
set value. therefore, need call $(yourelement).html()
.
also, number contains commas, need split number @ commas rejoin no non-numerical characters.
Comments
Post a Comment