Fatal编程技术网
  • javascript/
  • Javascript 由于未捕获的参考错误，卡未翻转

Javascript 由于未捕获的参考错误，卡未翻转

javascript jquery

Javascript 由于未捕获的参考错误，卡未翻转,javascript,jquery,pug,frontend,Javascript,Jquery,Pug,Frontend,我有一张卡片，一面显示一个内容，翻转时显示不同的内容。翻转是通过对a标记的onClick调用触发的。然而，我发现flip有一个未捕获的引用错误。我应该采取什么步骤来调试它？我已经仔细检查了html和JS的语法（一切似乎都很好） HTML JS 错误 flip（）是$（文档）的本地文件。准备好了，您无法使用onclick='flip（）'进行访问 最好使用jquery在ready（）中分配处理程序 flip（）是$（文档）的本地文件。准备好了，您无法使用onclick='flip（）'进行访问 最

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

HTML

JS

错误

flip（）
是
$（文档）的本地文件。准备好了
，您无法使用
onclick='flip（）'
进行访问

最好使用jquery在
ready（）
中分配处理程序

flip（）
是
$（文档）的本地文件。准备好了
，您无法使用
onclick='flip（）'
进行访问

最好使用jquery在
ready（）
中分配处理程序

将功能移到
ready
之外。在
ready
内部定义时，只能从
ready
内部访问。要使其全局化，从而可以从HTML访问，请将其移到外部或在
窗口
对象上定义。将函数移到
就绪
外部。在
ready
内部定义时，只能从
ready
内部访问。要使其成为全局的，从而可以从HTML访问，请将其移到外部或在
窗口中定义
对象。

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



$(document).ready(function () {

  // FLIP IT

  function flip () {
    $('.card').toggleClass('about');
  }

});



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



$('p.footer a:contains(About)').click(flip);