javascript - クリック イベントはテーブルの最初のページでのみ機能します

Question

tablesorter.js を使用してページ分割されたテーブルがあります。テーブルにはリンクがあり、それぞれに class がありますgl_link。ここで、jQuery を使用してすべてのリンクにイベントを追加しました。

$('.gl_link').click(function(){
       alert(this.id); 
    });

ページ分割されたテーブルの最初のページでは、これは正常に機能しますが、他のページに移動すると、リンクをクリックしても何も起こりません。

フィドルは次のとおりです。

http://jsfiddle.net/Pzuek/

何が起こっているのか、それを修正する方法を誰か教えてもらえますか?

Answer 1

要素は動的に生成されるため、イベントをデリゲートする必要があります。

$('#list_table').delegate('.gl_link', 'click', function(){
   alert(this.id); 
});

http://jsfiddle.net/N6Feu/