Created
December 16, 2011 23:22
-
-
Save ryanb/1488487 to your computer and use it in GitHub Desktop.
Infinite scrolling solution covered in revised episode #114: http://railscasts.com/episodes/114-endless-page-revised
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('#products').append('<%= j render(@products) %>'); | |
| <% if @products.next_page %> | |
| $('.pagination').replaceWith('<%= j will_paginate(@products) %>'); | |
| <% else %> | |
| $('.pagination').remove(); | |
| <% end %> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jQuery -> | |
| if $('.pagination').length | |
| $(window).scroll -> | |
| url = $('.pagination .next_page').attr('href') | |
| if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50 | |
| $('.pagination').text("Fetching more products...") | |
| $.getScript(url) | |
| $(window).scroll() |
Nice :)
bingo !!!
Very compact, very nice !
I've been having some issues with this as i am loosing all the style of my posts when I try to do endless pages. How would you do the same thing while using a partial and <%= render 'micro posts' %> instead of <%= render @microposts %> ??
Here is my code I haven't been able to fix this issue:
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This assumes you have existing pagination already in place. See Episode 114: Endless Page (revised) for a walkthrough on how this works.