infinite_scroll.js 1.0 KB

12345678910111213141516171819202122
  1. $(document).ready(function() {
  2. var win = $(window);
  3. win.scroll(function() {
  4. if ($(document).height() - win.height() == win.scrollTop()) {
  5. var formData = $('#pagination form:last').serialize();
  6. if (formData) {
  7. var pageno = $('#pagination input[name=pageno]:last').attr('value');
  8. $('#pagination').html('<div class="loading-spinner"></div>');
  9. $.post('./', formData, function (data) {
  10. var lastImageHref = $('.result-images:last a').attr('href');
  11. var body = $(data);
  12. $('a[href^="#open-modal"]:last').attr('href', '#open-modal-1-' + pageno);
  13. body.find('.modal-image a:first').attr('href', lastImageHref);
  14. $('#pagination').remove();
  15. $('#main_results').append('<hr/>');
  16. $('#main_results').append(body.find('.result'));
  17. $('#main_results').append(body.find('#pagination'));
  18. });
  19. }
  20. }
  21. });
  22. });