Javascript 使用Mixitup.js过滤(显示和隐藏)Bricklayer.js项目

Javascript 使用Mixitup.js过滤(显示和隐藏)Bricklayer.js项目,javascript,css,mixitup,Javascript,Css,Mixitup,我正在使用Bricklayer.js和Mixitup.js。两者都很好。我可以按类名过滤砌砖工项目(基本上是显示和隐藏)。然而,由于砌砖工独特的工作方式,在列中,我需要砌砖工重新排序(重新排序)它的布局 以下是我当前使用的代码: // BRICKLAYER var bricklayer = document.querySelector('.bricklayer') if (bricklayer) { new Bricklayer(bricklayer) } // MIXITUP var

我正在使用Bricklayer.js和Mixitup.js。两者都很好。我可以按类名过滤砌砖工项目(基本上是显示和隐藏)。然而,由于砌砖工独特的工作方式,在列中,我需要砌砖工重新排序(重新排序)它的布局

以下是我当前使用的代码:

// 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
        }
    }
})

我认为Bricklayer正在重新绘制,因为所有元素都被CSS隐藏。有什么办法可以解决这个问题吗?

用一个JSFIDLE来说明你在说什么。我无法让砌砖工在JSFIDLE中正常工作