Question

我的一些功课要求我将所有的javascript代码翻译成尽可能多的jQuery。我似乎对此有严重的问题。我遇到的主要问题之一是.click功能。这是我的代码。我删除了整个程序，让这部分工作然后继续。如果您想查看完整代码，请与我们联系。

(document).ready(function() {

  $("start_test").click (function() {
      alert("asdf");
  });       

});

这是HTML：

<!DOCTYPE html<
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Clicker</title>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js">
    </script>
    <script src="click.js"></script>   

    <link rel="stylesheet" href="styles.css" />
</head>

<body>
    <input type="button" id="start_test" value="Start Test" />
    <br><br>

    <section id="buttonArray">
        <input type="button" value="        " />
        <input type="button" value="        " />
        <input type="button" value="        " />
        <input type="button" value="        " />
        <input type="button" value="        " />
        <br>
        <input type="button" value="        " />
        <input type="button" value="        " />
        <input type="button" value="        " />
        <input type="button" value="        " />
        <input type="button" value="        " />
    </section>

    <h3>Time remaining: <span id="counter">10</span></h3>
</body>
</html>

我尝试了所有不同的组合以使按钮工作，唯一能让它工作的是使用$（＆＃34;输入＆＃34;）。点击但是然后所有的按钮都完成了行动。我错过了什么？

Answer 1

它应该是$("#start_test")而不是$("start_test")，因为您定位了ID和ID的元素标有#

无法获得.click（function（）在jQuery中工作

1 个答案: