javascript - 为什么 <a> 标签不产生可点击的链接？

Question

我有一个看起来像这样的链接:

<p class="half_text"><?php echo $upvotes; ?> <strong>
<a id="vote_up" style="color: #295B7B; font-weight:bold;" href="">Vote Up</a>
</strong> | <?php echo $downvotes; ?> <strong>
<a id="vote_down" style="color: #295B7B; font-weight:bold;" href="">Vote Down</a>    
</strong></p>

还有一些我试图调用的 jQuery 代码。

<script type="text/javascript">
$('#vote_up').click(function() 
{
    alert("up");
});
</script>

但由于某种原因，当按下投票赞成或反对的链接时，警报不会触发。知道我做错了什么吗？

您可以在这里亲自查看:http://www.problemio.com

Answer 1

您需要将代码放在 .ready() 处理程序中:

$(document).ready(function() {
    $('#vote_up').click(function() 
    {
        alert("up");

        //Return false to prevent page navigation
        return false;
    });
});

看看 .ready() 文档:http://api.jquery.com/ready/

这是 a working jsFiddle .