Блог

Код jQuery, который я пытаюсь выполнить, не работает при визуализации из GitHub. У меня есть этот код в CodePen, и он отлично работает.

Я пытался добавить скрипт внизу страницы в GitHub, поскольку слышал, что его размещение в теге head затрудняет синтаксический анализ. Я добавил $(document).ready(function(){ }); в надежде, что это могло быть проблемой. Я обнаружил, что отложенная загрузка изображений не поддерживается обычными библиотеками, и добавил соответствующую. Я уверен, что это простое исправление, но я не могу найти этот ответ.

Это опубликовано непосредственно перед закрывающим тегом body:

 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script type="text/javascript" src= "https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.js"></script>
<script type="text/javascript">
  $(document).ready(function(){   
    $('h1').first().delay(100).animate({'opacity':'1'},600);
    $('i').last().delay(400).animate({'opacity':'1'},600);
    $('.gallery-row').delay(1000).animate({'opacity':'1'},1200);
    $(".item").lazyload({
       effect : "fadeIn"
    });
  });
</script>