Javascript 在 HTML 中不起作用

新手上路,请多包涵

抱歉,如果之前有人问过这个问题,但我找不到任何东西。我正在 Free Code Camp 学习 Javascript 编码。当我尝试为自己使用他们的代码时……

 <!DOCTYPE html>

<html lang="en">
<head>
 <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <script>
   $(document).ready(function() {
$("#getMessage").on("click", function(){
  // Only change code below this line.
  $(".message").html("Here is the message");
  // Only change code above this line.
     });
   });
 </script>

 <div class="container-fluid">
   <div class = "row text-center">
     <h2>Cat Photo Finder</h2>
   </div>
   <div class = "row text-center">
     <div class = "col-xs-12 well message">
       The message will go here
     </div>
   </div>
   <div class = "row text-center">
     <div class = "col-xs-12">
       <button id = "getMessage" class = "btn btn-primary">
         Get Message
       </button>
     </div>
   </div>
 </div>

 </body>
 </html>

它不能正常工作。它应该在按下按钮时更改文本,但事实并非如此。这是怎么回事?

原文由 Hobgoblin8 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 281
1 个回答

它不能正常工作。它应该在按下按钮时更改文本,但事实并非如此。这是怎么回事?

你需要导入:

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

例子:

 <head>
 <meta charset="UTF-8">
  <title>Document</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

原文由 Ousmane D. 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题