繁体   English   中英

jQuery单击事件未触发

[英]JQuery click event not triggered

我对其中一个视图有一个按钮

<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

有什么原因不触发此事件?

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

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

尝试这个:

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

请在这里检查工作提琴:

http://jsfiddle.net/6e2q3/

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

这是工作代码,

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

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

});

希望这会起作用

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM