Jetpack Infinite Scroll无法正常工作

问题描述：

我一直试图让无限滚动工作，但似乎无法让它工作。Jetpack Infinite Scroll无法正常工作

我有三个文件后循环content-post-ft.php，the functions.php然后我的头版，其中职位加载frontpage.php

的functions.php

add_theme_support('infinite-scroll', array(
    'container' => 'main-content', 
    'type' => 'scroll', 
    'footer' => 'foot', 
    'render' => 'infinite_scroll_render' 
    )); 

function infinite_scroll_render() { 
    get_template_part('content-post-ft', 'standard'); 
    }

内容后ft.php

<div class="hub-cont"> 
<?php 

$thumb_id = get_post_thumbnail_id(); 
$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'thumbnail-size', true); 
$thumb_url = $thumb_url_array[0]; 
?> 
<div id="newsitem"> 
<div id="newsimg" style="background-image: url('<?php echo $thumb_url ?>')"> 
<a href="<?php the_permalink(); ?>"></a> 
</div> 
<div id="newsname"> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>   </div> 
<div id="newstext"><?php $text = $post->post_content; $trimmed = wp_trim_words($text, 40, null); echo $trimmed; ?></div> 
<div class="clear"></div> 
</div> 

<?php 
// endwhile; 
// endif; 

wp_reset_postdata();?> 

</div>

Frontpage.php

<div id="main-content"> 
<?php 

$myargs = array (
//'showposts' => 2, 
'post_type' => 'post', 
'category_name' => 'News' 
); 
$myquery = new WP_Query($myargs); 
if($myquery->have_posts()) : 
while($myquery->have_posts()) : $myquery->the_post(); 
    get_template_part('content-post-ft', get_post_format()); 
endwhile; 
endif; 
?> 
</div>

我已经试过看着这么多的教程和其他人有类似的问题，但似乎没有奏效。

该页面显示，因为循环的10个职位，但它只是增加了10，不“滚动”

得到这个固定的将真正帮助我的应力水平！

您是否试过在[浏览器控制台]（https://developer.mozilla.org/en-US/docs/Tools/Web_Console）中查找？任何错误？ – max 2014-09-23 09:34:49

没有我能看到的错误。该页面不想使用无限滚动来处理任何原因。我也有一个检查页面，以确保它正在运行，它是。只是有些东西阻止它工作，我不知道是什么。 – Kyon147 2014-09-25 19:50:35

答

解决了它。我不得不让Jetpack允许在自定义字段和页面上使用无限滚动。默认情况下，它只能在原始帖子页面上运行。

功能文件：

function tweakjp_custom_is_support() { 
return true; 
$supported = current_theme_supports('infinite-scroll') && (is_home() ||  is_archive() || is_front_page()); 

return $supported; 
} 
    add_filter('infinite_scroll_archive_supported',  'tweakjp_custom_is_support'); 

function mm_infinite_scroll_render() { 
    while (have_posts()) : the_post(); 
     get_template_part('content'); 
    endwhile; 
} 

    function mm_infinite_scroll_query_args($args) { 

$new_args = array(
    'posts_per_page' => $args['posts_per_page'], 
    'paged' => $args['paged'], 
    'orderby'   => 'date', 
    'order'   => 'DESC', 
    'post_type'  => 'post', 
    'post_status'  => 'publish', 
); 

return $new_args; 
} 

function mm_infinite_scroll_posts_where($clause) { 
return ""; 
} 

add_filter('infinite_scroll_posts_where', 'mm_infinite_scroll_posts_where'); 

add_filter('infinite_scroll_query_args', 'mm_infinite_scroll_query_args', 9999); 
add_theme_support('infinite-scroll', array(
'container' => 'main-content', 
'render' => 'mm_infinite_scroll_render' 
));

然后content.php文件具有渲染代码。我看起来像这样帮助那些不确定的人。

<div class="news-list"> 
<ul class="promo-list-items"> 
    <?php 
    // Fetch all posts relating to a certain tag then display 4 of them 
    //Get the Thumbnail URL 
    $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(720,405), false, ''); 
    ?> 
    <div id="promolink"></div><li class="news-list-item" style="background-image: url(' <?php echo $src[0];?> '); background-repeat: no-repeat; background-size: cover;"> <a class="gdbnewslink" href="<?php echo get_permalink();?>" > 
      <?php the_title();?> 
     </a> 
     <?php wp_reset_postdata(); ?> 
    </li> 
    <div class="clear"></div> 
</ul> 
</div>

希望这可以帮助与我相同问题的人。

Jetpack Infinite Scroll无法正常工作

相关推荐