Use $(this) in an external function

Asked Dec 13 '16 at 13:37

Active Dec 13 '16 at 13:37

Viewed 25 times

I have a question more out of curiosity. I have written the following code

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();
});

And this way it will not activate. Possibly because it cannot define $(this) and I'd like to know why.

Now the function works if I just past it inside the click event it's only when I take it to an outside function that it does nothing.

So why does it not recognize $(this) and what can I do to use it if I were to use an outside function.

Thank you very much

asked Dec 13 '16 at 13:37

Lucas van Dongen

1

Have you tried using `$('.click-animation').on('click', checkBox);`? – Phylogenesis Dec 13 '16 at 13:39
1

You need to pass `this` also as a parameter to the function. – Ionut Necula Dec 13 '16 at 13:39
1

You may pass `this` as parameter to the function like `checkBox(this);`. – secelite Dec 13 '16 at 13:40
2

@secelite, you could, but that value won't be bound to `this` inside `checkBox()`. – Frédéric Hamidi Dec 13 '16 at 13:41
1

http://ryanmorr.com/understanding-scope-and-context-in-javascript/ – A. Wolff Dec 13 '16 at 13:41
@FrédéricHamidi indeed. When using `this` as a parameter the function have to be adapted accordingly. – secelite Dec 13 '16 at 13:44

Use $(this) in an external function

0 Answers0