첫 번째 jquery 이벤트가 발생하지만 두 번째 것은 발생하지 않습니다.

Question

메신저 내 웹 페이지에서 페이지 매김을 시도하고 있습니다. 문제가 있습니다. 두 번째로 페이지 매김 앵커를 클릭 할 때 뭔가가 엉망입니다.

여기에 내가 내 다른 사람에 아무것도 알고 내 코드

$('.pagination a').click(function(event){ 
    event.preventDefault(); 
    alert($('.pagination a:first').text()=='1'); 
    if($('.pagination a:first').text()=='1'){ 
     if($('.pagination a').index(this)!=0){ 
      var index_a_cambiar = $('.pagination a').index(this); 
      $('tbody').html(''); 
      $('.pagination').html(''); 
      $('.pagination').html('<a href="#"><</a>'); 
      for (var j = 0; j < cant_pag; j++) {     
       var textact1 = $('tbody').html(); 
       $('tbody').html(textact1+'<tr>'+arreglo_td[index_a_cambiar][j]+'</tr>'); 
       var textact2 = $('.pagination').html(); 
       if(j==index_a_cambiar){ 
        $('.pagination').html(textact2 + '<a href="#" id="activo">'+(j+1)+'</a>'); 
       }else{ 
        $('.pagination').html(textact2 + '<a href="#">'+(j+1)+'</a>'); 
       } 
      } 
      var textact3 = $('.pagination').html(); 
      $('.pagination').html(textact3+'<a href="#">></a>'); 
     } 
    } else{ 
    } 
}); 

,하지만 난에서 preventDefault 메소드가 작동하지 않기 때문에이 스크립트가 실행되지 않는 것을 볼 수있다, 나는 첫 번째 경고를받을니까.

감사

당신이 pagination 요소의 콘텐츠로 대체되기 때문이다

Answer 1

, 그래서 이벤트는 더 이상 존재하지 a에 바인딩합니다. 이벤트 delagation을 사용하여 이벤트를 언제든지 DOM에있는 컨테이너 (예 : 이벤트가 필요할 때마다 .pagination 인 경우)에 바인딩하여이 문제를 해결할 수 있습니다.

$('.pagination').on('click', 'a', function(event){ 
..... 
....