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'); 
 }

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

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

Answer 2

您当前的选择器不正确，它正在寻找一个a标签，其中类的vote_up不是它的ID ...

改为使用它......

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

Answer 3

您是否尝试过ID选择器？

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

Answer 4

a.vote_up会查找包含班级<a>的{{1}}代码。在您的HTML中vote_up是一个ID，所以你想要这个：

vote_up

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

4 个答案: