Question

我的一个观点上有一个按钮

<div class="span12">
    <button id="saveButton" class="btn"><i class="icon-download-alt green"></i> Save</button>
</div>

和JQuery点击事件

$("#saveButton").click(function () {
    alert("Save clicked"); 
});

由于某种原因，从未触发click事件。如果我在JQuery事件之前发出警报，则会成功触发警报。

我确信我在这里遗漏了一些非常简单的东西，但我似乎无法找到问题。

我确定

成功包含JQuery
javascript文件已成功包含
我使用正确的ID作为控件

有没有理由不触发此事件？

Answer 1

您需要将代码放在文档就绪处理程序中。没有它，jQuery将尝试在元素存在于DOM之前附加click事件。

$(function() {
    $("#saveButton").click(function () {
        alert("Save clicked"); 
    });
});

Answer 2

试试这个：

 $( document ).ready(function() {
    $("#saveButton").click(function () {
      alert("Save clicked"); 
    });
  });

Answer 3

请在这里查看工作小提琴：

http://jsfiddle.net/6e2q3/

$( document ).ready(function() {
    $("#saveButton").click(function () {
        alert("Save clicked"); 
    });
});

Answer 4

这是工作代码，

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#saveButton").click(function () {
                    alert("Save clicked"); 
                });
            });

        </script>
    </head>
    <body>
        <div class="span12">
            <button id="saveButton" class="btn"><i class="icon-download-alt green"></i> Save</button>
        </div>
    </body>
</html>

JS Fiddle

Answer 5

$(function() {
$("#saveButton").click(function () {
    alert("Save "); 
});

}）;

希望这会有效

未触发JQuery点击事件

5 个答案: