Question

美好的一天，

我正在通过freecodecamp工作，目前正在努力解决报价生成器问题。 我遇到了一个问题，即在点击按钮时为我编写更改脚本。基本上我有我自己的代码，我将在下面发布，但也试图简单地复制和粘贴他们的代码我仍然无法获得我的按钮功能。

我确信这是一个诚实而容易的错误，但希望这会让所有问题变得更容易解决:)如果您有任何疑问，请告诉我，我真的很感激！

（请注意我只想在点击按钮时更改显示消息）

<script>
  $(document).ready(function(){
     $("#getMessage").on("click", function(){
       $(".message").html("New Message");
     });
   });
</script>

<div id="wrapper">
     <button type="button" id = "getMessage" class = "btn btn-   primary">Generate New Quote</button>
</div>

<div class= "text-center">
  <div class = "message">
    Sample
  </div>
</div>

Answer 1

代码似乎没有任何重大问题（关于逻辑，编辑器可能已经稍微渲染了你的格式）。

您能否确认已在HTML文档的标题中包含jQuery库？ e.g。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

有关详细信息：https://developers.google.com/speed/libraries/#jquery

Answer 2

正如其他人所提到的，你很可能不会添加jQuery，但是你正试图使用它（$）。要确认这一点，请检查您的控制台。它可能充满了Uncaught ReferenceError: $ is not defined。

假设您使用Guava's common.graph library作为目标中的CodePen，您可以非常快速轻松地包含jQuery。为此，只需点击JS旁边的settings cog，然后使用Quick-add下拉菜单，然后选择jQuery。

如果您希望手动添加（因为您在将来的开发中很可能不得不这样做），我建议challenege。

按钮功能的困难

2 个答案: