jquery - 在 buttonclick 上调用 jQuery

Question

当我单击一个按钮时，我试图运行一些 jQuery 代码，但我什至无法使最简单的示例工作。

我的 jQuery 代码是这样的：

<script src="scripts/jquery-1.4.1.js"></script>
<script>
    $('#btn').click(function() {
        alert("Hello");
    });

</script>

我的html看起来像这样

<div>
    <input id="btn" type="button" value="button" />
</div>

但是当我单击按钮时，什么也没有发生。

score 36 · Accepted Answer

将代码包装在 document.ready 函数中

$(function(){
    $('#btn').click(function() {
        alert("Hello");
    });
});

或将您的脚本代码放在正文标记的末尾

在绑定事件处理程序之前，您需要等待元素在页面加载时可用

score 3 · Accepted Answer

尝试以下

$(function(){
    $('#btn').on('click', function(){
       alert('click event');
    });
});

如果这不起作用，请确保您包含正确的 jquery。

如果您不确定，请尝试以下操作。

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

score 2 · Accepted Answer

尝试在 DOM 加载后绑定事件。

$(document).ready(function() {
    $('#btn').click(function() {
        alert("Hello");
    });
});

score 1 · Accepted Answer

1

试试你的功能：

$(document).ready(function() {
  // Your code
});

于 2012-12-20T14:18:42.813 回答

score 0 · Accepted Answer

准备好后尝试使用文档进行编码

$(document).ready(function() {
  $('#btn').click(function() {
    alert("Hello");
  });
});

5 回答 5