由于未获取引用错误，卡片未翻转

Card not flipping due to uncaught reference error

本文关键字：未翻转 错误 于未 获取 引用      更新时间：2023-09-26

我有一张卡片，它在一侧显示一个内容，翻转时显示不同的内容。翻转由a标记上的onClick调用触发。然而，我遇到了一个flip的未捕获引用错误。我应该采取什么步骤来调试它？我已经仔细检查了html和JS的语法（一切似乎都很好）。

HTML

p.footer: #[a(href='#', onclick='flip()') About #[span]]

JS-

$(document).ready(function () {
  // FLIP IT
  function flip () {
    $('.card').toggleClass('about');
  }
});

错误

Uncaught ReferenceError: flip is not defined
 onclick @ (index):1

flip()是$(document).ready的本地，不能使用onclick='flip()'访问。

最好使用jquery来分配CCD_ 6中的处理程序。

$('p.footer a:contains(About)').click(flip);
相关文章：