为什么jQuery点击功能不起作用？

Question

  <script>
 $("#btn1").click(function() {
     $("#logpop").hide("slow");
  });

  </script>
<body>

<div id="logpop">
    <div class="logpop_box">
    <div class="form">
    <input class="input_box" name="email" type="text" placeholder="Woosuk"/>                                  <br/><br/>
    <input class="input_box" name="pass" type="password" placeholder="******"/>  <br/>
    <button id="btn1">Login</button>

    </div>
    </div>
</div>

当我点击按钮时,我想让div消失.但它并没有消失.任何想法

Answer 1

您的JavaScript需要在文档就绪函数中:

$(document).ready(function() {
  $("#btn1").click(function() {
     $("#logpop").hide("slow");
  });
});

目前,您的单击处理程序在创建DOM之前正在执行,因此无法附加.