javascript - Jquery、Codeigniter 2.1 - 分页问题

Question

我正在使用 Codeigniter 创建分页，我想添加 ajax 功能。第一次单击分页链接时，JS 正在运行。当它被第二次点击时，JS 不工作并且分页通过 PHP Controller 工作(这部分工作没有任何问题)。这是 JS 代码:

var pag = $('#pagination a');

    pag.on('click', function(e){
        var pagination =
            {
            target : $(this).attr('href') + ' .mali_oglasi',    
            content : $('.mali_oglasi'),
            container: $('.mali_oglasi_wrapper')
            };

            pagination.content.animate({'opacity':0, scrollTop: 0}, 400, function(){
                pagination.container.load(pagination.target, function(){
                    pagination.content.animate({'opacity':1}, 400);
                });                
            });            
        e.preventDefault(); 
    });  

scrollTop 也不起作用。我做错了什么？

Answer 1

可能那是因为你的 DOM 每次都被操作，因此点击事件的处理程序丢失了。

尝试这种方式:

$('body').on('click', '#pagination a', function(e) {
    var pagination =
    {
        target : $(this).attr('href') + ' .mali_oglasi',    
        content : $('.mali_oglasi'),
        container: $('.mali_oglasi_wrapper')
    };

    pagination.content.animate({
        'opacity':0, 
        scrollTop: 0
    }, 400, function(){
        pagination.container.load(pagination.target, function(){
            pagination.content.animate({
                'opacity':1
            }, 400);
        });                
    });            
    e.preventDefault(); 
});

这将确保在每次 DOM 操作时重新绑定(bind)点击事件