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

Link calling a jQuery function doesn't seem to be working

本文关键字：不起作用 函数 调用 jQuery 链接      更新时间：2023-09-26

我是一个jQuery新手，所以这可能是初级的。

我在这里有一个测试页面: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");
});

现在我只想确保它被正确调用。但警报没有被调用这让我觉得这是坏的地方。知道怎么让它工作吗?

谢谢!

您正在使用类选择器.而不是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");
    });
});

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

用这个代替…

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

您尝试过id选择器吗?

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

a.vote_up查找类别为vote_up的<a>标记。在你的HTML vote_up是一个ID，所以你想这样:

$('#vote_up').click(function()
相关文章：