Using InfiniteScroll and custom WordPress page

Question

I'm trying to add infinite scrolling to a custom page i've created on my WP install but it's not working. The message saying that the posts are being fetched appears, but then it says i've reached the end and no posts appear.

I've tested this on the homepage and it's working. Could it be because i'm using a custom query on this page? The query is:

$paged = get_query_var('paged') ? get_query_var('paged') : 1;
   $args = array(
   'v_sortby' => 'views',
   'v_orderby' => 'desc',
   'post_type' => 'jogos',
   'paged' => $paged
);
query_posts($args);

Any help regarding this problem is appreciated, Thank you!

Update: i've enabled Debug and got this from chrome's console:

["heading into ajax", Array[2] ] jquery.infinitescroll.js:121["Using HTML via .load() method"] jquery.infinitescroll.js:121["Error", "end"] jquery.infinitescroll.js:121["Binding", "unbind"].

The difference between the other page is that the "Error", "end" doesn't appear but instead the "contentSelector"

Since this done with AJAX, have you tried using Firefox + Firebug? Load it up and then do a shift-Reload. Check the FB console for what went out and what came back. That gives you a start one where the problem might be. — Peter Rowell
– Peter Rowell, Commented Jun 15, 2011 at 3:58
I tried that and the debug was ["heading into ajax", Array[2] ] jquery.infinitescroll.js:121["Using HTML via .load() method"] jquery.infinitescroll.js:121["Error", "end"] jquery.infinitescroll.js:121["Binding", "unbind"]. — Tiago
– Tiago, Commented Jun 17, 2011 at 9:53
OK, so what happened between the load() and the error? Sometimes you can just single-step through it and see the error happen, or sometimes you can place breakpoints at interesting places and watch as the values change. Also, what do the server logs look like for this event? — Peter Rowell
– Peter Rowell, Commented Jun 17, 2011 at 17:47

sosukeinu · Accepted Answer · 2011-12-13 14:58:36Z

1

I had a problem with this same thing, and for me the problem was that I was using custom styles and div class. Be sure that your custom page has the same class selector as that listed for your infinite scroll configuration.

answered Dec 13, 2011 at 14:58

sosukeinu

3995 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

lukeshumard · Accepted Answer · 2011-12-01 12:19:00Z

0

Do you have a link to where this is happening? I have a feeling this is because infinite scroll's AJAX request is returning a 404. The issue would be in the path for the next page, but I'd need to see the page to be able to debug it. Thanks.

answered Dec 1, 2011 at 12:19

lukeshumard

1781 silver badge6 bronze badges

Collectives™ on Stack Overflow

Using InfiniteScroll and custom WordPress page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related