链接调用jQuery函数似乎不起作用

Question

我是jQuery newb，所以这可能是基本的。

我在这里有一个测试页： http : //www.problemio.com ，我尝试在其中建立投票赞成或反对的链接。

链接如下所示：

<a class="link_button" id="vote_up">Vote Up</a> 
<a class="link_button" id="vote_down">Vote Down</a>

我使用class属性通过该link_button在整个网站上进行样式设置，因此我决定使用id属性来区分jQuery调用的链接。

这是我的jQuery函数的样子：

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

现在，我只想确保它被正确调用。 但是没有收到警报，这让我觉得这在某个地方已经坏了。 知道如何使它起作用吗？

谢谢！

Answer 1

您正在使用类选择器. 而不是ID选择器# 。 因此要么

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

要么

$('.link_button').click(function(){ 
    if( this.id === 'vote_up' )
        alert('vote up'); 
    else if ( this.id === 'vote_down' )
        alert('vote down'); 
 } 

编辑：还要确保所有内容都在$（document）.ready ...即

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

Answer 2

您当前的选择器不正确，它正在寻找a带有vote_up 类的标签， vote_up不是它的id ...

改用这个...

$(function() {
    $('#vote_up')...
});

Answer 3

您是否尝试过ID选择器？

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

Answer 4

a.vote_up查找具有vote_up类的<a>标记。 在您的HTML中， vote_up是一个ID，因此您vote_up ：

$('#vote_up').click(function()