在更新 div 的 HTML 时运行 jQuery 函数

Question

我对文件有以下 AJAX 调用：

$.ajax({
    url: readfile.txt,
    cache: false,
    success: function(data){
        $('#content').html(data);
    };
});

它将 readfile.txt 的内容附加到#content div。这工作正常。

我想要做的是每次更改内容时滚动到 div 的底部。目前我有以下：

$('#content').bind('DOMNodeInserted DOMSubtreeModified', function(){
    $('#content').animate({scrollTop: $('#content').prop("scrollHeight")}, 500);
});

animate 函数工作正常，但是当 #content div 的 html 发生更改时它没有被触发。有没有更好的方法来列出 html 更改事件？

提前致谢。

Answer 1

只需将动画添加到您的成功回调中

$.ajax({
    url: readfile.txt,
    cache: false,
    success: function(data){
        $('#content').html(data).animate({scrollTop: $('#content').prop("scrollHeight")}, 500);
    };
});