所以我有这个代码......
window.sr = ScrollReveal({ reset: true });
sr.reveal('.whitecircle, .circleStatsItemBox, .circleStat', { duration: 200 });
function circle_progess() {
var divElement = $('div'); //log all div elements
if (retina()) {
$(".whiteCircle").knob({
'min':0,
'max':100,
'readOnly': true,
'width': 240,
'height': 240,
'bgColor': 'rgba(255,255,255,0.5)',
'fgColor': 'rgba(255,255,255,0.9)',
'dynamicDraw': true,
'thickness': 0.2,
'tickColorizeValues': true
});
$(".circleStat").css('zoom',0.5);
$(".whiteCircle").css('zoom',0.999);
} else {
$(".whiteCircle").knob({
'min':0,
'max':100,
'readOnly': true,
'width': 120,
'height': 120,
'bgColor': 'rgba(255,255,255,0.5)',
'fgColor': 'rgba(255,255,255,0.9)',
'dynamicDraw': true,
'thickness': 0.2,
'tickColorizeValues': true
});
}
$(".circleStatsItemBox").each(function() {
var value = $(this).find(".count > .number").html();
var unit = $(this).find(".value > .unit").html();
var percent = $(this).find("input").val() / 100;
countSpeed = 2300 * percent;
endValue = value;
$(this).find(".count > .unit").html(unit);
$(this).find(".count > .number").countTo({
from: 0,
to: endValue,
speed: countSpeed,
refreshInterval: 50
});
//$(this).find(".count").html(value*percent + unit);
});
}
并且我想使用来自此链接的显示滚动js,已按照文档并在正文之前的html中插入代码并将此javascript粘贴到上面代码顶部上方的部分。
window.sr = ScrollReveal({ reset: true });
sr.reveal('.whitecircle, .circleStatsItemBox, .circleStat', { duration: 200 });
它说ScrollReveal没有定义,也不确定如何继续。任何帮助都会非常感激。
控制台消息......
22:13:52.842 ReferenceError: ScrollReveal is not defined
<anonymous>custom.js:702
1custom.js:702:1
这个js文件在我为这段代码定位的html页面中被引用..
<script src="https://unpkg.com/scrollreveal@3.3.2/dist/scrollreveal.min.js"></script>
<!-- end: JavaScript-->
</div></div></div></div></div></div></div></div></div></div></div></div></body></html>
答案 0 :(得分:1)
好的,所以我得到了它的工作,基本上调用的javascript文件url需要高于其他js文件,包括上面代码来自的自定义js文件