Php 惰性加载不适用于我的自定义分页

Php 惰性加载不适用于我的自定义分页,php,javascript,jquery,wordpress,lazy-loading,Php,Javascript,Jquery,Wordpress,Lazy Loading,下面是我的模板中的index.php文件 <?php get_header(); ?> <div id="content"> <div id="content_inside"> <?php wp_reset_query(); $get_blog_id = '-' . get_category_id('blog'); if(get_category_id('blog') != '') { $args

下面是我的模板中的index.php文件

<?php get_header(); ?>

   <div id="content">
   <div id="content_inside">

<?php
   wp_reset_query();
    $get_blog_id = '-' . get_category_id('blog');

    if(get_category_id('blog') != '') {
        $args = array(
            'post_type' => 'post',
            'cat' => $get_blog_id,
            'posts_per_page' => 6,
            'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1)
        );        
        } else {
    $args = array(
        'post_type' => 'post',
        'posts_per_page' => 6,
        'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1)
    );
        }
query_posts($args);
   $x = 0;
        while (have_posts()) : the_post(); ?>

<?php if($x % 2 == 0) { ?>

   <div class="post_box">

<?php } else { ?>
   <div class="post_box post_box_right">
<?php } ?>

<?php if ($x == 0) { ?>
   <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
<?php } elseif ($x == 1 || $x == 2 || $x == 3) { ?>
   <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php } elseif ($x == 4 || $x == 5) { ?>
   <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<?php } else { ?>
   <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<?php } ?>

   <div class="post_meta"><?php the_author(); ?> / <?php the_time('d m , Y') ?>  - <?php the_time('H:i'); ?> / <?php comments_popup_link('Yorum Yok', '1 Yorum', '% Yorum'); ?></div>

   <div class="img_link">
    <a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail('featured-home'); ?>
<?php 
//$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'featured-home' );$url = $thumb['0'];
//$titleGet = get_the_title($post->ID);
//echo '<img src="'.CDN.'/assets/images/_load.png" alt="'.$titleGet.'" data-modafesto="'.$url.'" width="301" height="398"  />';
?> 
   </a>
  </div>
<div class="post_cat">

<?php
  $category = get_the_category(); 
   echo '<a href="'.get_category_link($category[0]->cat_ID).'" title="'.$category[0]->cat_name.' ile alakalı tüm modafestoları göster">'.$category[0]->cat_name.'</a>';
?> konu başlığı ile yayınlandı.
   </div>

</div><!--//post_box-->        

<?php if($x % 2 == 1) { ?>
  <div class="clear"></div>
<?php } ?>

<?php $x++; ?>
<?php endwhile; ?>

   <div class="clear"></div>

</div><!--//content_inside-->
<div class="clear"></div>
<div class="load_more_cont">
<div style="margin:0px auto;"><div class="load_more_text"><?php next_posts_link('DİĞER YAZILARI YÜKLE') ?></div></div>
   </div><!--//load_more_cont-->                

<?php wp_reset_query(); ?>                                                    

   </div><!--//content-->

<script type="text/javascript">$(".load_more_cont a").live("click",function(a){a.preventDefault();$(".load_more_text a").html("Yazılar Yükleniyor...");$.ajax({type:"GET",url:$(this).attr("href")+"#content",dataType:"html",success:function(b){result=$(b).find("#content_inside .post_box");nextlink=$(b).find(".load_more_cont a").attr("href");$("#content_inside").append(result);$(".load_more_text a").html("Daha fazla yazı yükle");if(nextlink!=undefined){$(".load_more_cont a").attr("href",nextlink)}else{$(".load_more_cont").remove();$("#content_inside").append('<div class="clear"></div>')}}})});</script>        

<?php get_sidebar(); ?>        

<?php get_footer(); ?> 

/   -  / 
科努·巴伊勒·亚伊兰。
$(“.load_more_cont a”).live(“.load_more_text a”)$.html(“.load_more_text a”);$.ajax({type:“GET”,url:$(this).attr(“href”)+“#content”,数据类型:“html”,成功:函数(b){result=$(b)。find(“#content#inside inside in.post#box”);nextlink=$(b)。find(“.load#more#cont result$”;result内附内容($)$(“.load_more_text a”).html(“Daha fazla yazıyükle”);if(nextlink!=未定义){$(“.load_more_cont a”).attr(“href”,nextlink)}。else{$(“.load_more_cont”).remove();$(“#content_inside”).append(“}});
我已经尝试过在我的图片中使用延迟加载脚本,因为它是搜索引擎优化引擎的一个很好的选择

<div class="img_link">
<a href="<?php the_permalink(); ?>">

<?php 
   $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'featured-home' );$url = $thumb['0'];
   $titleGet = get_the_title($post->ID);
   echo '<img src="'.CDN.'/assets/images/_load.png" alt="'.$titleGet.'" data-modafesto="'.$url.'" width="301" height="398"  />';
?> 
</a>
   </div>  

另外,这是我的预加载脚本


当你加载页面时,第一个帖子会正确地与lazyload/preload一起出现,但是如果你点击LoadMore posts按钮,当你获得更多帖子时,预加载程序就不起作用了

有人能帮我吗?谢谢。

请尝试添加

$("XXXXXXX img").lazyload();
在ajax成功回调函数中,在追加html之后


XXXXX是附加html DOM,eq:类名或id

在使用之前,您是否在页面中添加了任何版本的
jQuery
?如果有错误,请登录
控制台
。如果单击“加载更多帖子”按钮,您会看到什么?@RohanKumar its 1.8.3。joe我只看到一张空白图片。请查看现场演示:没有错误。请在h查看点击内容列表底部的“DİĞER YAZILARI YÜKLE”链接。