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.

Answers


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


Need Your Help

Android Studio render preview error : Unsupported major.minor version 52.0

android android-layout android-studio

I have started new a project (blank) in Android Studio . When I preview a layout, render is failed with error "Unsupported major.minor version 52.0" . Please help me!