Php Ajax懒散加载不工作
我已经试着在wordpress上运行一个infinte卷轴大约一周了,我尝试了各种不同的插件和编码语言,我一直在努力让它们工作。我对Javascript JQuery或PHP不是很有信心,这些对我来说都是新的。Php Ajax懒散加载不工作,php,jquery,ajax,wordpress,lazy-loading,Php,Jquery,Ajax,Wordpress,Lazy Loading,我已经试着在wordpress上运行一个infinte卷轴大约一周了,我尝试了各种不同的插件和编码语言,我一直在努力让它们工作。我对Javascript JQuery或PHP不是很有信心,这些对我来说都是新的。 我发现了一篇非常好的博客文章,并遵循了这些步骤,这是我最近一次让它工作。我所有的帖子都显示了,我的ajax加载程序也显示了gif,但是infinte滚动条仍然不起作用:(。 如果有人知道我做错了什么,我将不胜感激。我将在下面发布代码,我无法给你一个wordpress网站的链接,因为它
我发现了一篇非常好的博客文章,并遵循了这些步骤,这是我最近一次让它工作。我所有的帖子都显示了,我的ajax加载程序也显示了gif,但是infinte滚动条仍然不起作用:(。
如果有人知道我做错了什么,我将不胜感激。我将在下面发布代码,我无法给你一个wordpress网站的链接,因为它在loacl服务器上工作。 谢谢:)
博客
为了回答这个问题,我还没有能够解决这个问题,但是,我发现了一个插件,是工作和易于使用。它叫YITH插件,你可以通过Wordpress插件下载。感谢所有回复此帖子的人 可能是此加载时出错(“/?paged=”+page+”.page>*“
行您是否缺少url可能会被放置一个调试器,看看发生了什么,并检查您的浏览器控制台是否发现任何错误通过注释代码段系统地调试代码。您最终会发现错误。我已将我的url添加到第一个博客页面和第二个页面,并且我仍然有我也遇到了同样的问题。我查看了我的浏览器控制台,那里没有错误。
<div class="container">
<h1 class="title">Blog</h1>
<div id="lazyload" class="grid_12">
<?php
$paged = ( get_query_var('paged') ) ? get_query_var('paged') : 1;
$query_args = array(
'post_type' => 'post',
'posts_per_page' => 5,
'paged' => $paged
);
?>
<?php if (have_posts()) { ?>
<div class="page" id="p<?php echo $paged; ?>">
<?php while (have_posts()) { the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class('entry') ?>>
<header class="entryheader">
<h2 class="entrytitle"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
</header>
<div class="entrycontent">
<?php the_excerpt(); ?>
</div>
</article>
<?php } ?>
</div>
<?php } ?>
</div>
<div id="spinner">
<img src="<?php bloginfo('template_directory'); ?>/images/ajax-loader.gif" />
</div>
<script>
jQuery(function(){
var page = 2;
var loadmore = 'on';
jQuery(document).on('scroll resize', function() {
if (jQuery(window).scrollTop() + jQuery(window).height() + 60 > jQuery(document).height()) {
if (loadmore == 'on') {
loadmore = 'off';
jQuery('#spinner').css('visibility', 'visible');
jQuery('#lazyload').append(jQuery('<div class="page" id="p' + page + '">').load('/?paged=' + page + ' .page > *', function() {
page++;
loadmore = 'on';
jQuery('#spinner').css('visibility', 'hidden');
}));
}
}
});
jQuery( document ).ajaxComplete(function( event, xhr, options ) {
if (xhr.responseText.indexOf('class="page"') == -1) {
loadmore = 'off';
}
});
});
</script>
</div>