CODEWITHSUNDEEP
javascriptjquerywordpress
Dan Temple
Dan Temple

Reputation: 1182

Mixitup.js show more results

I'm using mixitup (http://mixitup.io) on a wordpress blog to allow a user to filter blog posts. The markup i'm using is as below:

<ul class="list-unstyled">
<li class="filter" data-filter=".white-paper">White Paper</li>
<li class="filter" data-filter=".webcast">Webcast</li>
<li class="filter" data-filter=".video">Video</li>
<li class="filter" data-filter="all">View All</li>
</ul>

<ul id="sort">
    <li class="white-paper">
        <h2>Post Title</h2>
        <a href=''>Read More </a>
    </li>
</ul>

Obviously I have a longer lists of posts.

I'm wondering if it's possible to implement a 'load more posts' feature whilst using mixitup? Ideally, I'd like the page to display 6 posts at a time.

Any help on this topic would be much appreciated.

Upvotes: 0

Views: 2417

Answers (1)

fpvz
fpvz

Reputation: 93

You could load new posts via ajax and append them to your list with the append-method. https://mixitup.kunkalabs.com/docs/#method-append

To load new posts via ajax follow load more posts wordpress on click

Upvotes: 1

Related Questions