第一個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方法不能正常工作，並且我不得到第一個警報。

感謝

Answer 1

那是因爲要更換pagination元素含量，使事件勢必a不再存在。您可以使用事件拆除來解決此問題，即在任何時間點將事件綁定到DOM中存在的容器（即，如果這是您需要該事件時可用的容器，則爲.pagination）。

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