静态首页分页在本地主机上运行良好。但是,当我上传到服务器在线它不工作。我正在使用无限卷轴。问题只存在于静态首页,当我不使用静态首页时,它就会工作。这是我的代码,非常感谢您的帮助!
<?php
/*
Template Name: Layout 1
*/
?>
<?php get_header(); ?>
<div class="main">
<div class="container">
<div class="sixteen columns">
<div class="portfolio-all-main">
<?php
if ( get_query_var(\'paged\') ) { $paged = get_query_var(\'paged\'); }
elseif ( get_query_var(\'page\') ) { $paged = get_query_var(\'page\'); }
else { $paged = 1; }
$args = array(\'post_type\' => \'portfolio\', \'posts_per_page\' => 3, \'paged\' => $paged );
$temp = $wp_query;
$wp_query = null;
$wp_query = new WP_Query();
$wp_query->query( $args );
while ($wp_query->have_posts()) : $wp_query->the_post();
?>
<div class="portfolio-itemv2">
<div class="pfolio-item-fixer">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<?php the_post_thumbnail(\'\'); ?>
</a>
</div>
<div class="pwhites">
<h2 class="portfolio-title"><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
</div>
</div>
<?php endwhile; ?>
<div class="pagi">
<div id="page-nav"><?php next_posts_link(__(\'\')) ?></div>
</div>
<?php
$wp_query = null;
$wp_query = $temp;
?>
<div class="clear"></div>
</div></div>
</div> </div>
<script>
$(function(){
var $container = $(\'.portfolio-all-main\');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: \'.portfolio-itemv2\'
});
});
$container.infinitescroll({
navSelector : \'#page-nav\', // selector for the paged navigation
nextSelector : \'#page-nav a\', // selector for the NEXT link (to page 2)
itemSelector : \'.portfolio-itemv2\', // selector for all items you\'ll retrieve
loading: {
finishedMsg: \'\',
img: \'<?php echo get_template_directory_uri(); ?>/images/ajax-loader.gif\'
}
},
// trigger Masonry as a callback
function( newElements ) {
// hide new items while they are loading
var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
// show elems now they\'re ready
$newElems.animate({ opacity: 1 });
$container.masonry( \'appended\', $newElems, true );
});
}
);
});
</script>
<?php get_footer(); ?>