javascript - 为什么这个 jquery 函数在 .animate() 之后不重复？

Question

这个函数不重复有什么原因吗？

var $title = $('#title');
var animateGlow = function($title) {
    $title.animate({ 'color':'red' }, 2000)
        .animate({ 'color':'blue' }, 2000, function() {
            animateGlow(this);
    });
};
animateGlow($title);

Answer 1

传递$(this)而不是this，原生对象没有animate功能

使用

var $title = $('#title');
var animateGlow = function ($title) {
    $title.animate({
        'color': 'red'
    }, 2000).animate({
        'color': 'blue'
    }, 2000, function () {
        animateGlow($(this));
    });
};
animateGlow($title);