0

我的一个视图上有一个按钮

<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"); 
});

由于某种原因，点击事件永远不会被触发。如果我在 JQuery 事件之前发出警报，则会成功触发警报。

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

我确定

  • jQuery被成功收录
  • javascript文件包含成功
  • 我为控件使用正确的 ID

是否有任何理由不触发此事件？

4

5 回答 5

4

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

$(function() {
    $("#saveButton").click(function () {
        alert("Save clicked"); 
    });
});
于 2013-10-08T09:50:03.287 回答
3

试试这个：

 $( document ).ready(function() {
    $("#saveButton").click(function () {
      alert("Save clicked"); 
    });
  });
于 2013-10-08T09:50:20.463 回答
0

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

http://jsfiddle.net/6e2q3/

$( document ).ready(function() {
    $("#saveButton").click(function () {
        alert("Save clicked"); 
    });
});
于 2013-10-08T09:53:32.960 回答
0

这是工作代码，

<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小提琴

于 2013-10-08T09:53:42.010 回答
0 
$(function() {
$("#saveButton").click(function () {
    alert("Save "); 
});

});

希望这会奏效

于 2013-10-08T09:56:11.870 回答