CODEWITHSUNDEEP
javascriptcssmixitup
Jack Barham
Jack Barham

Reputation: 3219

Filter (show and hide) Bricklayer.js items with Mixitup.js

I'm using Bricklayer.js and Mixitup.js. Both are working fine. I can filter Bricklayer items (basically show and hide) by class name. However, due to the unique way Bricklayer works, in columns, I need Bricklayer to re-order (re-sort) it's layout.

The is the code I'm currently using:

// BRICKLAYER
var bricklayer = document.querySelector('.bricklayer')
if (bricklayer) {
    new Bricklayer(bricklayer)
}

// MIXITUP
var mixer = mixitup('.container', {
    callbacks: {
        onMixEnd: function(state, futureState) {
            console.log('Sorting')
            bricklayer.redraw
        }
    }
})

I think Bricklayer is redrawing, as all the elements are hidden by CSS. Is there any way around this at all?

Upvotes: 1

Views: 157

Answers (0)

Related Questions