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

Question

我正在CodeIgniter中构建一个Web应用程序,我决定使用jQuery和Javascript - 这是我之前从未真正使用过的东西.

我使用Google Libraries在我的标题中包含了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

将代码包装在ready处理程序中:

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

工作实例