JQuery onClick und HTML

Question

Hallo Leute, ich benutze diese einfache Funktion, um die Karte umzudrehen, und ich habe einige Probleme. Diese ist die Funktion:

function flipIt() { 
    $('.card').toggleClass('flipped'); 
} 

Nun, wenn ich es direkt in html nennen wie folgt aus:

<div class="card" onclick="flipIt()"> 

es funktioniert gut, aber wenn ich versuche, es in meinem JS direkt anrufen Datei nicht Arbeit.

Ich versuchte dies:

$('.card').onclick(flipIt()); 

und diesen:

$('.card').on(click, function(){ 
    $('.card').toggleClass('flipped'); 
}); 

Hier ist mein JSBin so können Sie meinen ganzen Code.

Answer 1

Das Ereignis (click) sollte in Anführungszeichen stehen.

$('.card').on('click', function() { 
    $('.card').toggleClass('flipped'); 
}); 

können Sie tatsächlich auf die card verweisen, auf den geklickt wurde this verwenden.

$('.card').on('click', function() { 
    $(this).toggleClass('flipped'); 
});