jquery - jQuery中的就绪函数

Question

请让我知道这段代码有什么问题。它没有显示警报。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script>
      $(document).ready(function () {
          $("button").click(function () {
          alert("hi");
      });
     });
    </script>

<form id="theform">
     <input type="text" name="dt" id="id" value="" />
     <input type="button" name="submit" value="submit" />
</form> 

Answer 1

$("button")

应该

$("input[type=button]")    OR      $("input[name=submit]")

检查小提琴

选择器一开始就不合适..

$('#btn')   // If id of the button is btn

$('.btn')   // If class of the button is btn

Answer 2

您的 html 中没有“按钮”类型的标签。它是输入标签。请改写为：

$(document).ready(function () {
  $("input[type=button]").click(function () {
    alert("hi");
  });
});
​

Answer 3

实现这一点的正确方法与提交按钮上的单击操作无关。它与表单上的提交操作挂钩。像这样：

$(document).ready(function () {
  $("#theform").submit(function () {
    alert("hi");
  });
});