2013-05-11 5 views
1

tablesorter.js를 사용하여 페이지가 매겨진 표가 있습니다. 표에 링크가 있으며 각각은 gl_link 클래스입니다. 지금, 나는이와 jQuery를 사용하여 모든 링크에 이벤트 추가 한 : 페이지가 매겨진 테이블의 첫 번째 페이지에서클릭 이벤트는 표의 첫 번째 페이지에서만 작동합니다.

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

을,이 잘 작동하지만 내가 다른 페이지로 이동하면 내가 링크를 클릭 할 때 아무 반응이 없습니다 . 여기

는 바이올린의 :

http://jsfiddle.net/Pzuek/

사람이 진행하는 방법과 그것을 해결하는 무엇을 말해 줄 수 있습니까?

답변

4

요소가 동적으로 생성, 당신은 이벤트를 위임해야

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

http://jsfiddle.net/N6Feu/

+0

감사합니다, 나는 그것을 고려하지 않았다. – jovan

+0

jQuery 1.7 이상을 사용하고 있다면, '$ ('# list_table '). on ('click ','.gl_link ', function() {alert (this.id) ;});' – Mottie

+0

@Mottie 예, 언급 했어야합니다. 그는 jQuery 1.6을 사용하고 있습니다. 그래서 나는'delegate'를 사용했습니다. – undefined

관련 문제