jQuery未在GitHub页面中加载,但在CodePen中很好

时间:2019-04-25 07:49:50

标签: jquery

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

0 个答案:

没有答案