Question

我正在学习Codacademy课程，界面告诉我jQuery点击监听器无法正常工作。我不明白为什么。

我的HTML代码是：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="style.css" />
        <script src='script.js' type="text/javascript"></script>
    </head>
    <body>
        <button id="button">change this</button>
            <div id="change_me">
            </div>

    </body>
</html>

我的CSS代码是：

#change_me {
color: green;
}

我的JS代码是：

$(document).ready(function() {
$("#button").click(function() {
    //$(#change_me).text("I have been changed!");
     $(#change_me).text( "Handler for .click() called." );
    });
});

有什么建议吗？感谢。

Answer 1

您错过引号" arround id选择器，因此您应该替换：

$(#change_me)

通过：

$("#change_me")

希望这有帮助。

$(document).ready(function() {
  $("#button").click(function() {
    //$(#change_me).text("I have been changed!");
    $("#change_me").text( "Handler for .click() called." );
  });
});

#change_me {
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="button">change this</button>
<div id="change_me"></div>

Answer 2

缺少引号。

$("#change_me").text( "Handler for .click() called." );

Answer 3

您没有使用引号尝试此代码

$(document).ready(function() {
$("#button").click(function() {

      $("#change_me").text( "Handler for .click() called." );

   });
});

jQuery单击侦听器无法正常工作 - 已关闭

3 个答案: