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]")

检查FIDDLE

首先选择器不合适..

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

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

Answer 2

你的html中没有'button'类型标签。它是输入标签。请将其重写为：

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

Answer 3

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

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

jquery中的就绪功能

3 个答案: