javascript - 同じクラスの複数のリンク

Question

ページに同じクラスを使用する複数のリンクがあります:

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

誰かがこれらのリンクのいずれかをクリックしたときに、jQuery でアラートを表示しようとしています。残念ながら、Firefoxでは何も表示されません...

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

何か案が？

score 0 · Accepted Answer

liveは 1.7 以降非推奨となり、バージョン 1.9 で削除されました。試す：

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

編集：イベントパラメータの欠如に関するadeneoによる良いキャッチ。

score 0 · Accepted Answer

まず、イベントパラメータがありません。

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

2 に答える 2