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