2016-11-15 2 views
0

так я этот код ...scrollreveal Javascript не определен

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/[email protected]/dist/scrollreveal.min.js"></script> 
    <!-- end: JavaScript--> 

</div></div></div></div></div></div></div></div></div></div></div></div></body></html> 
+0

Вы проверили вашу консоль на наличие ошибок?] (http://stackoverflow.com/ Docum entation/javascript/185/get-started-with-javascript/714/using-console-log) Вы помещаете свой код до или после раздела, в котором вы добавляете скрипт прокрутки? –

+0

Да, в моем описании, которое было на самом деле консольным сообщением, которое было как указано выше, я просто вставил его в редактирование .... код находится чуть выше основных функций. – greggycoding

+0

В принципе, сообщение «ReferenceError» означает, что функция, которую вы хотите использование просто нет. В этом случае ваш код не имеет функции «ScrollReveal», которая принимает объект в качестве параметра. Вы упоминаете что-то о ссылке, и вы, возможно, вставили это, но мы не можем этого видеть. Взгляните на [mcve] для получения дополнительной информации о том, что мы хотели бы видеть в вопросе об ошибке. –

ответ

1

Ok, так что я получил это работает, в основном, вызов соответствующего URL-адреса javascript должен быть выше других js-файлов, включая пользовательский файл js, где приведенный выше код исходит от

Смежные вопросы