Бесконечная Ajax подгрузка?

Question

[Станислав Ким]

Как реализовать бесконечную ajax подгрузку контента?
Сейчас использую

<script>  
        $(document).ready(function(){  
          
            $('#btn1').click(function(){  
                $.ajax({  
                    url: "more",
                    cache: false,  
                   	beforeSend: function() { $('#content').html('Please wait...'); },
  					success: function(html) { $('#content').html(html); }
                }); return false; 
               
              
          
              
        }); 
        }); 
       
    </script>

На странице соответсвтенно есть елемент с id = content, в который всё загружается. Но при повторном нажатии на кнопку "показать ещё", просто загруженное содержимое удаляется и загружается новое. А нужно, чтобы предыдущий контент остался и подгрузился новый.

Comments

[Станислав Ким]

Дополнение: загружаются блоки чистого HTML.

Answer 1

[Степан]

$('#content').html(html) - переписывает весь блок, замените на : $('#content').append(html);

Но и с $('#content').html('Please wait...'); что то придумайте.. Так как он переписывает этот же блок.

Comments

[Станислав Ким]

Благодарю!

Answer 2

[denver]

$('#content').html(html);
$('#content').append(html);

Comments

[Станислав Ким]

Спасибо!

Answer 3

[Станислав Ким]

ещё получилось реализовать через смену id блока.
$('#content').attr('id','changed');
При этом в загруженном html в конце добавил блок с id content. и теперь прекрасно загружается. Но это наверное костыль)

Comments

[Иван]

да, это ужасный костыль