在外部函数

Question

我有一个问题更多是出于好奇。我写了以下代码

function checkBox() {
if($(this).prev().is('.click-animation')) {
   TweenMax.to(this, 0.5, {
       background: 'red'
   });
} else {
    TweenMax.to(this, 0.5, {
        background: 'green'
    });
}    

}

$('.click-animation').on('click', function() {
    checkBox();
});

这样它就不会激活了。可能是因为它无法定义$(this)，我想知道原因。

现在这个函数可以正常工作，如果我只是在click事件中经过它，那只有当我把它带到一个外部函数时它什么都不做。

那么为什么它不能识别$(this)，如果我要使用外部函数，我该怎么做才能使用它。

非常感谢