Jquery加载更多按钮，用于具有自定义帖子类型的Wordpress - Jquery load more button for Wordpress with Custom post types

Jquery load more button for Wordpress with Custom post types

我正在尝试向我的wordpress网站添加一个加载更多按钮，以加载我的自定义帖子类型。到目前为止，我已经能够让它加载帖子。

问题是每次我加载更多帖子时，它都会替换第一批女巫，依此类推。我希望它将每批连续的帖子附加到第一批，直到按钮停用之后不再剩下（max_num_pages）个帖子。

我将如何实现这一目标？建议和改进将不胜感激。这就是我目前所拥有的。

<div id="div1"></div>
<button class="load-more">load more</button>
var clicks = 0;
$(".load-more").click(function(){
clicks += 1;
if(clicks < 2){
$("#div1").load("http://mysite.nl/loadmore/");
    } else if(clicks > 1) {
        $("#div1").load("http://mysite.nl/loadmore/page/" + clicks);
    }
});

使用 $("#div1").load() 将替换 #div1 中的所有 HTML。我会说将您的新数据加载到隐藏元素上，然后将新数据.append() #div1。

或

。也许您可以将现有的#div1 HTML 保存到变量中：

var foo = $('#div1').html();

然后

加载新数据，然后.prepend()原始数据：

$('#div1')
    .load("http://...")
    .prepend(foo);