Question

以下点击事件未触发，有人可以帮忙吗？

<input type="button" id="btnSave" name="btnSave" value="Say Hallo!" />

$(document).ready($("#btnSave").click(function () {

    alert('Hallo!');

}));

Answer 1

确实如此，您需要修复它的实现。

您已定义event处理程序click，而不是function

$(document).ready(function(){
  $("#btnSave").click(function () {
      alert('Hallo!');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="btnSave" name="btnSave" value="Say Hallo!" />

Answer 2

您的代码有语法错误，您应该将代码放在.ready(function() { ... here ..... })方法的闭包方法中，如下所示：

$(document).ready(function() { // <----- Closure method
  $("#btnSave").click(function () {
    alert('Hallo!');
  });
});

详细了解jQuery's ready() method。

$(document).ready(function() { // <----- Closure method
  $("#btnSave").click(function () {
    alert('Hallo!');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnSave">Save</button>

Answer 3

尝试这个：

$(document).ready(function(){
    $("#btnSave").click(function () {
       alert('Hallo!');
    });
});

Answer 4

以下代码适用于静态和动态元素

$(document).ready(function(){
$(document).on('click','#btnSave',function () {
   alert('Hello!');
});

}）;

JQuery Click Event Not Firing Alert

4 个答案: