Question

当我切换过滤器“CM”时，在第2行，第3行和第4行，内容正在跳跃，我不知道为什么。

$( document ).ready(function() {

        $('.filter_content').mixItUp({
            controls: {
                enable: false // we won't be needing these
            },
            animation: {
                enable: false
            },
            callbacks: {
                onMixLoad: function(){
                    $(this).mixItUp('setOptions', {
                        animation: {
                            enable: true,
                            duration: 400,
                            effects: 'fade',
                            easing: 'ease'
                        },
                    });
                }
            }

        });

});

http://jsfiddle.net/Ly2aj687/

你能帮我解决这个问题吗？

Answer 1

我对mixitup不太熟悉，但似乎是因为你将mixitup应用于filter_content，它包装了所有选项，它会将所有内容推到顶端。在这里，我将它附加到模型，它将工作，但现在onMixFail会在列没有您要过滤的对象时触发。如果您需要查看哪些列没有该选项，那么您可以使用state。$ targets.context在onMixFail事件中获取它。

$( document ).ready(function() {

 // Initialize buttonFilter code

    buttonFilter.init();

    // Instantiate MixItUp

    $('.model').mixItUp({
        controls: {
            enable: false // we won't be needing these
        },
        animation: {
            enable: false
        },
        callbacks: {
            onMixLoad: function(){
                $(this).mixItUp('setOptions', {
                    animation: {
                        enable: true,
                        duration: 400,
                        effects: 'fade',
                        easing: 'ease'
                    },
                });
            },
            onMixFail: function(state){
                //fires when there are no matches
                console.log(state.$targets.context);
                console.log(state);
            }
        }

    });

});

JSFiddle

切换jQuery按钮时跳转内容

1 个答案: