Question

我写了一个简单的html文件来测试点击时调用alert（）的按钮，但我看不到任何响应。谁能告诉我我做错了什么？这太奇怪了。

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Login Form</title>
  <!-- <link rel="stylesheet" href="css/signupstyle.css"> -->

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

        $("#btnSubmit").click(function(){
            alert("button");
            console.log("button");
        });  

        $("#facebook").click(function(){
            alert("button");
            console.log("button");
        });    


</script>
</head>
<body>
    <input id="btnSubmit" type="submit" value="Release"/>
    <button id="facebook">Sign up with Facebook</button>

</body>

Answer 1

您需要添加document.ready函数并将所有事件写入其中：

$(document).ready(function(){
   $("#btnSubmit").click(function(){
        alert("button");
        console.log("button");
    });  

    $("#facebook").click(function(){
        alert("button");
        console.log("button");
    });    
});

或者这样做：

$(function(){
   $("#btnSubmit").click(function(){
        alert("button");
        console.log("button");
    });  

    $("#facebook").click(function(){
        alert("button");
        console.log("button");
    });    
});

Answer 2

将所有jquery选择器包装在document.ready函数

中

$(document).ready(function(){
   $("#btnSubmit").click(function(){
        alert("button");
        console.log("button");
    });  

    $("#facebook").click(function(){
        alert("button");
        console.log("button");
    });    
});

还有其他方法，但htis应该有用。

Answer 3

您应该将代码包装在$（document）.ready（function（）{your code goes here}）

Answer 4

您正在尝试在加载DOM之前运行脚本，与其他答案不同的一个选项是在DOM元素之后执行脚本。

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Login Form</title>
  <!-- <link rel="stylesheet" href="css/signupstyle.css"> -->

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

</head>
<body>
    <input id="btnSubmit" type="submit" value="Release"/>
    <button id="facebook">Sign up with Facebook</button>
      <script>

        $("#btnSubmit").click(function(){
            alert("button");
            console.log("button");
        });  

        $("#facebook").click(function(){
            alert("button");
            console.log("button");
        });    


</script>
</body>

jQuery函数没有响应

4 个答案: