scrollreveal javascript未定义

时间:2016-11-15 22:18:08

标签: javascript jquery

所以我有这个代码......

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>

1 个答案:

答案 0 :(得分:1)

好的,所以我得到了它的工作,基本上调用的javascript文件url需要高于其他js文件,包括上面代码来自的自定义js文件