未触发标记上的 JQuery .click 事件

Question

我有这个代码：

<script type="text/javascript">
$(document).ready(function () {
    $("#NextFrom").click(function () {
        alert('hi');
    })
});
</script>
<form action="/Book" id="bookform" method="post">
  <a class="btn btn-lg btn-success btnNext pull-right" value="next" aria-controls="to" id="NextFrom" href="#">NEXT</a>
</form>

但由于某种原因，事件没有被触发。

我究竟做错了什么？

我正在使用以下 jQuery 脚本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/Scripts/vendor/jquery-1.11.4.ui.min.js"></script>
<script src="/Scripts/jquery.validate.min.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js"></script>

Answer 1

分号不见了。。

$(document).ready(function () {
   $("#NextFrom").click(function (event) {
      alert('hi');
   });
});

Answer 2

我在我这边试过你的代码，一切似乎都有效。 我认为您的问题来自 jquery 包含，请检查此链接以查看 jquery 是否确实包含在内：

http://jquery-howto.blogspot.fr/2009/03/check-if-jqueryjs-is-loaded.html