jQuery的新增功能-为什么这个简单的函数不起作用？

Question

我正在CodeIgniter内构建一个Web应用程序，并且决定对jQuery和Javascript进行修饰-我以前从未真正使用过。

我已经使用Google库在标头中包含jQuery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

现在，我摆弄了jQuery的SIMPLEST，但它不起作用。

<p><a href="#" id="lovecounter"><?php if ($post->love) { echo $post->love; } else { echo 0; } ?></a></p>

<script type="text/javascript">

$("#lovecounter").click(function() {
  alert("Click");
});         

</script>

我正在点击lovecounter链接，但没有警报。 如果我将简单的javascript添加到实际的定位标记中，则可以正常运行。

<p><a href="#" id="lovecounter" onclick="alert('test')"><?php if ($post->love) { echo $post->love; } else { echo 0; } ?></a></p>

有任何想法吗？ 我究竟做错了什么？

Answer 1

将代码包装在就绪的处理程序中 ：

$(document).ready(function(){
  $("#lovecounter").click(function() {
    alert("Click");
  });     
});

工作实例

Answer 2

这对我来说很好用：

<p><a href="#" id="lovecounter">asdf</a></p>

<script type="text/javascript">
$(document).ready(function() {

$("#lovecounter").click(function() {
  alert("Click");
});         

});
</script>

Answer 3

您应该包括一个$(document).ready(function() {}); 就像萨尔弗拉兹（Sarfraz）说的那样。 否则，它将找不到ID为lovecounter任何内容，因为该页面上尚未加载任何内容。 如果等待加载，它将找到该元素。 这是一些文档： http : //www.w3schools.com/jquery/event_ready.asp 。 这是完整的jQuery课程： http : //www.codecademy.com/tracks/jquery 。