Javascript Fadein使用jquery和waypoints插件逐个div

使用和jquery，我想显示3个div（.circle-1、.circle-2、.circle-3），一个接一个地延迟显示。触发点为一次。wrapcircles位于视口中（浏览器的可见部分）。不幸的是，这不起作用。不确定这是语法错误还是其他原因。。。谢谢你的帮助

 <script type="text/javascript">
$(function() {
       $('.wrapcircles').waypoint(function() {
         $(".circle-1").fadeIn('slow').delay(500);
         $(".circle-2").fadeIn('slow').delay(4000);
         $(".circle-3").fadeIn('slow').delay(8000);
         }, {
           offset: '100%'
         });
    });
</script>

$（函数（）{
$（'.wrapcircles'）。航路点（函数（）{
$（“.circle-1”）.fadeIn（'slow'）.delay（500）；
$（“.circle-2”）.fadeIn（'slow'）.delay（4000）；
$（“.circle-3”）.fadeIn（'slow'）.delay（8000）；
}, {
抵销：“100%”
});
});

您只需在fadeIn（）之前应用delay（）

试试这个

Try

$（“.circle-1”）.delay（500.fadeIn（'slow'）$（.circle-2”）.delay（4000.fadeIn（'slow'）$（“.circle-3”）.delay（8000.fadeIn（'slow'）或
$（“.circle-1”）.delay（500）.fadeIn（'slow'，function（）{$（“.circle-2”）.delay（4000）.fadeIn（'slow'，function（）{$（.circle-3”）.delay（4000）.fadeIn（'slow'）；}）
$(".circle-1").delay(500).fadeIn('slow');
$(".circle-2").delay(4000).fadeIn('slow');
$(".circle-3").delay(8000).fadeIn('slow');