Infinite scroll never loads when classes specified in wrapper classes on HTML list style [#1670326]

I've been bashing my head trying to work out why the infinite scrolling suddenly stopped working on my site and all I seemed to get loads of the loading animation every time I scrolled to the bottom of the page but the new content never loaded even tho the ajax request seemed to have completed fine.

After a bit of careful testing I found that when using in views 6 in D6:
Style: HTML List
Row Style: Fields

If you specify ANYTHING other than "item-list" in the wrapper class then it will stop working, even if you leave "item-list" in there and add your own classes, even if the one you add doesn't actually exist in your CSS and does nothing. The wrapper DIV for the list must ONLY have the style "item-list" otherwise you'll just get multiple animations and the new content will never load.

Chris

Comments

Comment #1

macieq commented 29 September 2012 at 16:57

I have the same, in list style views the infinite scroll is not working. Have you resolv this issue?

Comment #2

djac commented 17 January 2013 at 17:35

Version:

6.x-1.x-dev

» 7.x-1.1

This issue is also present in 7.x-1.1 (and probably 7.x-1.x-dev).

In my case, I had removed the wrapper class altogether and couldn't get views_infinite_scroll to work. Adding "item-list" back as the wrapper class got infinite scroll working again.

Comment #3

Brian L. commented 9 April 2013 at 04:42

@djac, its not the "item-list" class that caused the issue (in 7.x-1.1 anyways).

I was tearing my hair out trying to figure out why infinite scroll was not working all of a sudden right before the site launch. Turns out I had unchecked, "Add views row classes" in the "settings" dialog when I was attempting to optimize my views and reduce unnecessary code.

Re-check that box and things should work again.