Question

我正在尝试向我的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);
    }
});

Answer 1

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

或

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

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

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

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

Jquery为自定义帖子类型的Wordpress加载更多按钮

1 个答案:

或