jquery - Jquery 未在 GitHub 页面中加载，但在 CodePen 中很好

Question

从 GitHub 呈现时，我尝试执行的 jQuery 代码不起作用。我在 CodePen 中有这段代码，它工作正常。

我曾尝试在 GitHub 的页面底部添加脚本，因为我听说将它放在 head 标签中会导致解析混乱。我添加了$(document).ready(function(){ });希望这可能是问题所在。我发现通常的库不支持延迟加载图像，并添加了正确的库。我确信这是一个简单的修复，但我找不到那个答案。

这是在结束正文标记之前发布的：

<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>

标签： jquery