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。

Answer 2

将代码包装在.ready()处理程序中。快捷方式是$(function(){...})：

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

相当于$(document).ready(function(){....})。

Answer 3

不确定是否有必要，但请尝试在#属性中添加href。

此外，如果您的链接使用id属性，当页面上有多个属性时，您应该使用class。

Answer 4

id属性在整个文档中应该是唯一的。如果您希望将其应用于多个元素，请考虑使用class代替。

Answer 5

不确定这是否会导致您的问题，但您的网页上有重复的ID。

尝试将'vote_up'和'vote_down'更改为类。

怎么来<a> tag does not produce a clickable link?</a>

5 个答案: