javascript - 具有相同类的多个链接

Question

我的页面上有多个使用同一类的链接：

<a class="tweetAnswer" rel="link1" href="">Answer</a>   

当有人单击这些链接之一时，我正在尝试使用 jQuery 显示警报。不幸的是，它在 Firefox 上没有显示任何内容...

$('a.tweetAnswer').live("click", function(){
    event.preventDefault();
    alert($(this).attr('rel'));
});

任何想法 ？

Answer 1

live自 1.7 起已被弃用，并在 1.9 版中被删除。尝试：

$('a.tweetAnswer').on("click", function(event){
    event.preventDefault();
    alert($(this).attr('rel'));
});

编辑：adeno 很好地抓住了缺少事件参数。

这是一个工作的jsfiddle

Answer 2

首先，没有事件参数：

$('a.tweetAnswer').live("click", function(event){
    event.preventDefault();
    alert( $(this).attr('rel') );
});

其次，您应该在 jQuery 1.7 或更新版本中使用 on() ：

$(document).on('click', 'a.tweetAnswer', function(event){
    event.preventDefault();
    alert( $(this).attr('rel') );
});