通过Ajax WordPress加载更多帖子

时间:2015-05-25 16:50:40

标签: javascript php jquery ajax wordpress

我正在使用ajax加载我的投资组合并且它运作良好但是当我将投资组合作为头版时,我遇到了问题,负载更加不起作用它再显示相同的帖子

这是js中加载的代码

var isoElem = jQuery('.masonry-images');
if(isoElem.length > 0) {

    var elem = isoElem[0];
    var iso = new Isotope( elem, {
      itemSelector: '.work-image',
    });
}

var page = 1;
 var loadMorePosts = jQuery('#load-more-posts').text();

  function loadMore() {
    page++;
    jQuery.ajax({
        type: "GET",
        url: './page/' + page,
        beforeSend: function () {
            jQuery('#load-more-posts').html("<i class='fa fa-spinner fa-spin'></i>");
        },
        complete: function () {

        },
        success: function (data) {
            var $data = jQuery(data).find('.single-blog,.work-image');
            if ($data.length > 0) {
                jQuery('#load-more-posts').html(loadMorePosts);
              jQuery('#blog-posts,#portfolio-posts').append($data);

              if(isoElem.length > 0) {
                iso.appended($data);
              }

              $data.css("display", "none");
              $data.fadeIn("slow");
            }
            else {
              jQuery('#load-more-posts').html('No More Posts');
            }
        },
        error: function () {
            jQuery('#load-more-posts').html('No More Posts');
        }

    });
}

jQuery('#load-more-posts').click(function(e) {
    e.preventDefault();
    loadMore();
});

你可以在这里试试&#39; http://illyrianthemes.com/themes/vicenza/&#39;当我作为WordPress的首页删除然后工作完美时,这里不起作用,例如检查四列&#39; http://illyrianthemes.com/themes/vicenza/four-columns/&#39;。

最好的问候

1 个答案:

答案 0 :(得分:1)

经过长时间的研究,如果有人需要,我会找到答案。

而不是这样做:

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
query_posts( array( 'post_type' => 'post', 'paged' => $paged ) );

这样做:

if ( get_query_var('paged') ) {

$paged = get_query_var('paged');

} elseif ( get_query_var('page') ) {

$paged = get_query_var('page');

} else {

$paged = 1;

 }

query_posts( array( 'post_type' => 'post', 'paged' => $paged ) );

也许它会帮助别人。