Javascript 第一个jquery事件正在发生，但第二个事件没有发生

我试图在我的网页上做一个分页，问题是当我第二次点击分页锚时，我弄乱了一些东西，有些东西不起作用

这是我的密码

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

$（'.pagination a'）。单击（函数（事件）{
event.preventDefault（）；
警报（$（'.pagination a:first'）.text（）='1'）；
if（$（'.pagination a:first'）.text（）='1'）{
if（$（'.pagination a'）.index（this）！=0）{
var index_a_cambiar=$（'.pagination a'）。索引（this）；
$（'tbody'）.html（“”）；
$（'.pagination'）.html（''）；
$（'.pagination'）.html（''）；
}否则{
$（'.pagination'）.html（textact2+''）；
}
}
var textact3=$（'.pagination'）.html（）；
$（'.pagination'）.html（textact3+''）；
}
}否则{
}
});

我知道我没有其他东西，但是我可以看到这个脚本没有运行，因为preventDefault方法不工作，并且我没有得到第一个警报

---

感谢

这是因为您正在替换

分页

元素内容，所以绑定到

a

的事件不再存在。您可以使用事件delagation来解决此问题，方法是将事件绑定到DOM中任何时间点存在的容器（即

.pagination

，如果该容器在您需要事件的任何时候都可用）

---

@RokoC.Buljan你知道有时候问题的

标题

会给出一些线索：）@PSL:D我知道，但我还是第一次喝咖啡：）问题。。是否总是最好使用.on而不是.click？@PabloPerez是的，它只是绑定任何事件的包装器，另外，您还可以使用

.on

提供的事件委派语法，如本例所示（前提是您的jquery版本支持它）。。。见

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