Get infinite scroll working on page with multiple custom queries WordPress

Steve Lambert comments:

I'm not getting a jQuery error, it just shows the loading gif and then "no additional entries"

Sabby Sam comments:

You need to check the error in console of inspect element.

Steve Lambert comments:

I see that there are some warnings, but not errors. Unfortunately, I don't know what to do with the warnings anyway. See Ryan S.'s post below. From what I understand, this is closer to what is causing the issue.

Steve Lambert comments:

The selectors work. It's just not finding more posts.

Fahad Murtaza comments:

Can you please create a gist from the code of the page which generates this page

http://visitsteve.com/category/news/page/2/

I believe its category.php

Fahad Murtaza comments:

I think I know why

http://visitsteve.com/page/2/

is redirecting to

http://visitsteve.com/category/news/page/2/

Steve Lambert comments:

I did that so that it would continue to show people news posts. With infinite-scroll I suppose I wouldn't need it anymore.

This is the category.php file:
https://gist.github.com/slambert/7734845

Steve Lambert comments:

Ryan, this is what I suspected, but can you incorporate this into the home.php file I posted so that all 3 queries and the infinite scroll will work?

Ryan S comments:

I don't know where to add response in your reply

here's the updated code let me know if you have issue

<!-- I recomment using front-page.php instead, home.php overwrite static page so it's not a good choice except if you ignore static page -->
<?php get_header() ?>

<div id="home-banner">
<?php putRevSlider("tsleadin") ?>
</div><!-- #home-banner-->

<div id="home-container">

<div id="home-feature">
<h1>Featured Work</h1>

<?php
$args = array(
'tag' => 'featured',
'posts_per_page' => 8
);

// The Query
$the_query = new WP_Query( $args );

// The Loop
if ( $the_query->have_posts() ) {
?>
<ul class="work-list">
<?php while ( $the_query->have_posts() ) { $the_query->the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php
#If there is a post thumbnail , it will display. If not it is the thumb function. These
# can be edited in the functions.php file.

if( has_post_thumbnail() )
the_post_thumbnail();
else
the_excerpt();

?>
</a>
<a href="<?php the_permalink(); ?>"><span class="title"><?php the_title(); /*adding the title*/ ?></span></a>
</li>
<?php } ?>
</ul>
<?php } ?>
</div><!-- #home-feature-->

<div id="home-about">
<h1>About Steve</h1>
<!-- snip
SOME TEXT GOES HERE…
-->
</div><!--#home-about-->


<div id="home-work">
<h1>Recent Work</h1>

<?php
$args2 = array(
'cat' => 9,
'posts_per_page' => 8
);

// The Query
$work_query = new WP_Query( $args2 );

// The Loop
if ( $work_query->have_posts() ) {
?>
<ul class="work-list">
<?php while ( $work_query->have_posts() ) { $work_query->the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>">
<?php
#If there is a post thumbnail , it will display. If not it is the thumb function. These
# can be edited in the functions.php file.

if( has_post_thumbnail() )
the_post_thumbnail();
else
the_excerpt();
?>
</a>
<a href="<?php the_permalink(); ?>"><span class="title"><?php the_title(); ?></span></a>
</li>
<?php }; ?>
</ul>
<?php }; ?>
</div><!-- #home-work-->

<div id="home-loop">
<h1>Recent News</h1>

<?php get_sidebar() ?>
<div id="content">

<?php
$args3 = array(
'cat' => 1,
'posts_per_page' => 10
);

// The Query
$news_query = new WP_Query( $args3 );

// The Loop
if ( $news_query->have_posts() )
{
while ( $news_query->have_posts() ) { $news_query->the_post();
?>
<div id="post-<?php the_ID(); ?>" class="post">
<h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

<div class="date"><?php the_date(); ?></div>
<div class="meta"><?php _e(""); ?> <?php edit_post_link(); ?></div>

<div class="storycontent">
<?php the_content('Read on...'); ?>
</div><!-- .storycontent -->

<div class="horiz-bar">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/end-post.gif" height="2" width="162" alt="--" />
<?php wp_link_pages(); ?>
</div><!-- .horiz-bar -->
</div><!-- #post-<?php the_ID(); ?> .post -->
<?php
}
}
?>
<div id="nav-below">
<div class="center">
<?php posts_nav_link(' || ', __('&laquo; Previous'), __('Next &raquo;')); ?>
</div><!-- #center -->
</div><!--#nav-below"-->
</div> <!-- #home-loop -->
</div><!--#content-->

<?php get_footer(); ?>


Steve Lambert comments:

Hi Ryan, I loaded up your code and it's running. Everything displays correctly, but I still get "No additional posts." after the loading gif appears.

Ryan S comments:

Okay then we have to trouble things out

1. update navigation to

<div class="navigation">
<?php previous_post_link('%link', '%title', FALSE); ?>
<?php next_post_link('%link', '%title', FALSE); ?>
</div>


and make sure you follow these instructions

Content CSS Selector
The DIV that wraps around all posts. New posts will be inserted at the bottom of this DIV.

Post CSS Selector
The selector that selects all posts on a page. Each post must be surrounded by a single DIV.

Navigation links CSS Selector
This DIV contains the Next Posts and Previous Posts link.

Previous Posts CSS Selector
This A tag is what points to the 2nd page of posts.

Steve Lambert comments:

When I made that change it showed the post titles at the bottom of the page, but no loading gif and no next page of posts.

I am uploading the settings I am using as a screenshot.

Looking forward…