.on（'scroll'）在使用replaceWith（）方法后停止触发

Question

滚动到div顶部后，我试图从数据库中加载更多消息：

$('#chatbox').on('scroll', function(){
    console.log($('#chatbox').scrollTop());
    if ($('#chatbox').scrollTop() == 0) {   
        var count = parseInt($('#chatroom-table tr').length) + 10;
        $.get('get_chatroom_messages/' + count, function(responseData) {
            $('#chatroom-div').replaceWith(responseData); 
        });
    }
});

这很好用-一次。第一次调用replaceWith()之后，scroll（）方法停止工作。我尝试重新绑定事件，但没有成功。

我认为.on方法可以处理尚未创建/已替换的元素。

编辑：

我也尝试过这种方法，但是当时事件根本没有触发：

$('body').on('scroll', '#chatbox', function(){
    ....
});

谢谢。

EDIT2：

嗯，我将自己标记为重复：Events not registering after replaceWith