JQuery onClick和onClick

Question

嗨，伙计们，所以我用这个简单的功能翻转卡，我有一些问题。这是一项功能：

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

现在，当我在html中直接调用它时，像这样：

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

它工作得很好，但是当我试图在我的JS文件中直接调用它时，它不起作用。

我试过这个：

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

这是：

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

这是我的JSBin，您可以看到我的全部代码。

Answer 1

事件(click)应该以引号表示。

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

您实际上可以引用使用card单击的this。

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