Javascript Click功能不起作用？

Question

我试图使我的新网站更具交互性，因此决定从我的旧网站中删除一些javascript，该JavaScript过去使CSS的主体背景在按下按钮时更改颜色。 现在，我已将所有代码添加到我的新网站中，但根本无法使用，我不知道为什么，

这是我的HTML

<input id="bodycolorgreen" type="button" value="Green">

这是我的Javascript

$(document).ready(function () {

  $("#bodycolorgreen").click(function () {
    $("body").css("background-color", "green");
  });
});

，目前我的body CSS代码是；

body {
  background-color:black;
}

基本上，我要做的就是按下名为“ bodycolorgreen”的按钮时，我希望它将页面背景更改为绿色。

这是我的链接页面，以防万一我错了。

<link rel="stylesheet" href="stylesheet.css" type="text/css">
<script type="text/javascript"  src="javascript.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

Answer 1

由于您的脚本文件使用的是jQuery，因此必须首先包含它

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript"  src="javascript.js"></script>