php - jQuery 新手 - 为什么这个简单的函数不起作用？

Question

我正在 CodeIgniter 中构建一个 Web 应用程序，并且我决定尝试一下 jQuery 和 Javascript - 这是我以前从未真正使用过的东西。

我已使用 Google Libraries 将 jQuery 包含在我的 header 中:

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

现在我正在摆弄最简单的 jQuery，但它不起作用。

<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 添加到实际的 anchor 标记中，它仍然可以工作。

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

有什么想法吗？我做错了什么？

Answer 1

将代码包装在 ready handler 中:

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

Working Example