javascript - JQuery onClick 和 HTML

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

事件(点击)应该用引号引起来。

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

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

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