jQuery点击不被识别

Question

我为我的网站创建了一个注册页面,但它没有响应点击.我在一个名为signup.js的单独文件中有jQuery.我知道它已正确链接,因为警报有效.任何帮助都会被贬低.谢谢

HTML:

<html>
    <head>

        <title>Sign Up</title>
        <script src="JS/jquery-3.1.1.min.js"></script>
        <script src="JS/signup.js"></script>
        <link rel="stylesheet" href="CSS/signup.css">
        <link rel="stylesheet" href="CSS/bootstrap.min.css">

    </head>

    <body>

        <div class="container">  

            <div class="jumbotron">

                <button id="signup-button">Sign Up</button>

            </div>    

        </div> 


    </body>

</html>

jQuery的:

$("#signup-button").click(function() {
    alert("clicked");
});

Answer 1

您正在尝试在加载DOM元素之前获取元素,因此它不会将处理程序附加到元素,因为它在该点不存在.使其工作使用文档就绪处理程序将其包装,或者在标记中的元素之后移动脚本标记.

$(document).ready(function(){
  $("#signup-button").click(function() {
    alert("clicked");
  });
});