没有调用递归

Question

有人可以帮助我让这小段代码递归调用自己。它只会触发一次然后停止，它不会做任何动画。我想要做的是在人们共享他们的地理位置之后递归地为图像元素上的边框设置动画。此代码位于document.ready内。

(function pulse(){
    console.log('hello world');
    $('.contacts-list li.closest img')
        .delay(1000)
        .animate({ 'border-color': 'transparent'}, 100)
        .delay(500)
        .animate({ 'border-color': 'rgb(147, 190, 104)'}, 100, pulse);
})();   

Answer 1

试试这个

(function pulse(){
    console.log('hello world');
    $('.contacts-list li.closest img')
        .delay(1000)
        .animate({ 'border-color': 'transparent'}, 100)
        .delay(500)
        .animate({ 'border-color': 'rgb(147, 190, 104)'}, 100, function() 
        {
            pulse();
        });
})();